@import url(https://use.typekit.net/wiz1geb.css);.navbar{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-image:linear-gradient(180deg,#19101d,#0000);justify-content:space-between;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10}.logo,.navbar{align-items:center;display:flex}.logo{z-index:1000}.logo img{height:60px;width:auto}.logo p,.menu-items{font-size:2rem}.menu-items{display:flex;font-weight:200;gap:1rem;line-height:1}.menu-items li{display:inline;padding:0}.menu-items li a{padding:25px}.mobile-burger{display:inline-block;display:none;height:32px;margin:3%;position:absolute;right:5%;top:10px;vertical-align:middle;width:43px;z-index:20}.mobile-burger span{background:#f5f5f5;display:block;height:4px;left:0;margin-top:-2px;position:absolute;top:50%;width:100%}.mobile-burger{background:none;border:none}.mobile-burger:after,.mobile-burger:before{background:#f5f5f5;content:"";display:block;height:4px;left:0;position:absolute;width:100%}.mobile-burger:before{margin-top:-2px;top:2px}.mobile-burger:after{bottom:2px;margin-bottom:-2px}@media(max-width:1090px){.navbar{display:block;padding:0;text-align:center}.logo{padding:1rem;width:0}.mobile-burger{display:block;position:fixed;z-index:9999}.menu-items{display:none;font-size:2.3rem;height:100vh;margin-top:-3rem}.menu-items li{display:block;padding-bottom:1rem;padding-top:1rem}.menu-items.open{background-color:#19101d;display:block;padding-top:60px}}#footer{background:#153949;bottom:0;text-align:center;width:100%}#footer p{font-size:medium;letter-spacing:2px;padding:1.2rem}hr{background-color:#cb563b;border:none;height:2px;margin:auto;text-align:center;width:80%}.intro{margin-top:140px}.intro h1{color:#cb563b;font-size:4.4rem;padding:1rem 0 50px;text-align:center}.about-container{min-height:100vh;padding:50px 4rem 2rem}#aboutPic{border-radius:60px;float:right;padding:20px;width:500px}.text{font-size:2.3rem;font-weight:200;line-height:1.5;text-align:left}.text a{border-bottom:3px solid #0000;color:#cb563b;transition:border .3s ease-in-out}.text a:hover{border-color:#cb563b}@media(max-width:1090px){.intro h1{color:#cb563b;font-size:4.4rem;padding:0 0 20px;text-align:center}hr{height:2px}.text{font-size:2rem;text-align:center}.about-container{display:flex;padding:20px}#aboutPic{display:none}}.modal{animation:slideDown .5s ease forwards;background:linear-gradient(#19101d,#1a485c);border-radius:8px;box-shadow:0 0 10px #000;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100vw;z-index:99}@keyframes slideDown{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.modal.slide-up{animation:slideUp .5s ease forwards}@keyframes slideUp{0%{transform:translateX(0)}to{transform:translateX(100%)}}.modal-intro{text-align:center}.modal-intro h1{color:#cb563b;font-size:4.4rem;padding:0 0 20px}.modal-intro h3{font-size:1.5rem;font-weight:300;padding-bottom:4rem;text-align:center}.modal-link{font-size:2rem;margin:0 auto;padding:30px 100px;text-align:center;text-shadow:2px 2px 20px #000000b3}.modal-link a{text-decoration:none;transition:color .2s ease-in-out}.modal-link a:hover{color:#cb563b}.modal-container{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.modal-image-row{grid-gap:10px;display:grid;gap:10px;grid-auto-rows:1fr;grid-template-columns:repeat(4,1fr);margin:15px 0;padding:0 20px}.modal-link-row{display:inline-flex;flex-wrap:wrap;justify-content:center;max-width:80%}.modal-image{border-radius:10px;display:block;max-height:100%;max-width:100%;object-fit:contain}.modal-caption{align-items:center;background:linear-gradient(0deg,#000000bf,#0000);border-radius:10px;bottom:0;display:flex;justify-content:space-between;left:0;padding:10px 12px;position:absolute;right:0}.modal-date,.modal-title{color:#fffc;font-size:1rem;text-shadow:0 2px 8px #000c}.modal-landscape-row{grid-gap:10px;display:grid;gap:10px;grid-auto-rows:1fr;grid-template-columns:repeat(1,1fr);margin:15px 0;padding:0 20px}.modal-landscape-container{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.modal-landscape-image{border-radius:10px;display:block;max-height:100%;max-width:100%;object-fit:contain}.modal-video-container{margin:20px}.btn-wrapper{display:inline-flex;padding:50px 0 0 100px}.close{background-color:#f5f5f5;border:none;border-radius:100%;color:#000;font-size:1.5rem;height:3em;transition:background-color .2s ease-in-out,color .2s ease-in-out,transform .2s ease-in-out;width:3em}.close:hover{background-color:#cb563b;border:none;color:#f5f5f5;transform:scale(1.2) rotate(1turn)}@media(max-width:1090px){.btn-wrapper{display:block;padding:30px 50px;text-align:left}.close{height:1.5em;width:1.5em}.modal-intro h1{font-size:3.5rem}.modal-intro h3{font-size:1.5rem}.description,.disclaimer{margin-left:20px;margin-right:20px}.description{font-size:1px}.modal-image-row{grid-template-columns:repeat(1,1fr)}.modal-link-row{display:block;max-width:100%}}.description,.disclaimer{font-weight:200;line-height:1.5;margin-left:200px;margin-right:200px;padding-bottom:30px;text-align:center}#root,body,html{margin:0}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{flex:1 1}.description{font-size:2.3rem}.disclaimer{font-size:2rem;font-style:italic}.groupInst{font-size:1.5rem;font-style:italic;font-weight:200;padding-bottom:30px;text-align:center}.row{padding:20px}.column{float:left;position:relative;width:33.33%}.row:after{clear:both;content:"";display:table}.middle{left:50%;opacity:0;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:.5s ease-in-out}.middle-text{background-color:#00000080;border-radius:20px;color:#f5f5f5;font-size:3vw;font-weight:600;padding:1vh 1vw}.thumb-container{border-radius:10px;overflow:hidden;padding:10px}.thumb-image{background-color:#000;border-radius:10px;cursor:pointer;filter:drop-shadow(5px 5px 2px rgba(25,16,29,.8));width:100%}.thumb-container:hover .thumb-image{opacity:.3;transition:opacity .5s}.thumb-container:hover .middle{opacity:1}#github-text{font-size:1.5rem;font-weight:300;letter-spacing:1.5px;padding-bottom:50px;padding-top:20px;text-align:center}#github-text a{color:#cb563b}@media(max-width:1090px){.description,.disclaimer,.modal-intro>h3{margin-left:20px;margin-right:20px}.modal-intro>h1{font-size:3rem}.description{font-size:2rem}.anc-container{display:flex}.row{padding:0}.column{text-align:center;width:100%}.middle{opacity:1;pointer-events:auto;position:relative;transform:translate(-50%)}.middle-text{background-color:#00000080;border-radius:0;font-size:2rem;font-weight:300;margin:10px 0;padding:20px 10px;text-decoration:underline;width:85vw}.thumb-container{display:inline-block;padding-bottom:0;padding-top:0}.groupInst,.thumb-image{display:none}#github-text{padding-bottom:20px;padding-top:10px}}.header{height:100vh}.centerC{margin:0 auto;width:75%}.containerC{float:right;margin-top:10%;text-align:center;width:33.33%}.containerC a,.containerC h3{font-size:1.5rem;text-align:center}.containerC a,.containerC:hover a{transition:color .5s}.containerC:hover a{color:#cb563b}.circle{border-radius:50%;display:inline-block;height:120px;width:120px}.contact-img{bottom:1px;max-width:130px}@media(max-width:1090px){.intro{margin:100px 10px 0}.centerC{margin:0 auto}.centerC,.containerC{width:100%}.circle,.contact-img{display:none}}.canvasContainer{filter:drop-shadow(5px 5px 5px rgba(25,16,29,.8));margin:20px auto;text-align:center;width:50%}.canvasContainer canvas{border-radius:5%}.characterContainer{filter:drop-shadow(5px 5px 5px rgba(25,16,29,.8));margin:auto;width:50%}.characterContainer table{table-layout:fixed;text-align:center;width:100%}.characterContainer .table-header{background-color:#cb563b}.characterContainer .table-header th{color:#f5f5f5;font-size:1.5rem}.characterContainer .table-content{background-color:#19101d;border:1px solid #cb563b}.characterContainer .table-content td{color:#f5f5f5;font-size:1rem;padding:10px}.rarity-legendary{color:#f5f5f5;font-weight:700}@keyframes shake{0%{transform:translateX(0) scale(1)}20%{transform:translateX(-2px) scale(1.1)}40%{transform:translateX(2px) scale(1.2)}60%{transform:translateX(-2px) scale(1.1)}80%{transform:translateX(2px) scale(1.2)}to{transform:translateX(0) scale(1)}}.shake-text{animation:shake .5s ease-in-out infinite alternate;display:inline-block;font-weight:700;text-shadow:2px 2px 5px #ff0c}.btn-container{margin:0 auto;text-align:center}.btn-container Button{background-color:linear-gradient(#19101d,#1a485c);border-radius:10px;color:#000;font-family:nobel,sans-serif;font-size:1.5rem;height:3.5rem;margin:15px;padding:10px 20px}.btn-container Button:hover{background-color:#cb563b;color:#f5f5f5;transition:background-color .2s}@media(max-width:1090px){.canvasContainer,.characterContainer{width:75%}.characterContainer .table-header th{font-size:1rem}canvas{height:75%;width:75%}}#container-404{align-items:center;background:linear-gradient(#19101d,#1a485c);display:flex;height:100vh;justify-content:center}#content-404{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,.314);border-radius:20px;padding:100px;text-align:center}#title-404{color:#cb563b;font-size:4.4rem}#desc-404{color:#f5f5f5;font-size:2rem}.adventure-game{padding-top:2rem;text-align:center}.adventure-game .adventure-scene{background-color:#cb563b;border:3px solid #000;border-radius:5%;filter:drop-shadow(5px 5px 5px rgba(25,16,29,.8));margin:0 auto;max-width:500px;padding:1rem;text-align:center;-webkit-user-select:none;user-select:none}.adventure-game img{border:3px solid #000;border-radius:5%;height:auto;max-width:100%}.adventure-game h2{background-color:#00000080;padding:1rem}.adventure-buttons{align-items:stretch;display:flex;flex-direction:row;gap:0;justify-content:center;padding-top:.5rem}.adventure-buttons button{border:1px solid #000;color:#000;cursor:pointer;flex:1 1 auto;font-size:1rem;height:100%;padding:1rem;text-align:center;white-space:normal}.adventure-buttons button:hover{background-color:#19101d;color:#f5f5f5;transition:background-color .6s}.ls-links{display:inline-flex}.ls-link{font-size:2rem;margin:0 auto;padding:30px 100px;text-align:center;text-shadow:2px 2px 20px #000000b3}.ls-link a{text-decoration:none;transition:color .2s ease-in-out}.ls-link a:hover{color:#cb563b}*{color:#f5f5f5;font-family:nobel,sans-serif;padding:0;text-decoration:none}*,html{margin:0}html{background:linear-gradient(#19101d,#1a485c);min-height:100%}body{display:flex;flex-direction:column}::-webkit-scrollbar{display:none}.home-showcase{background:radial-gradient(circle at 50% 50%,#ffa07814,#0000 30%),linear-gradient(180deg,#19101d,#1a1630 50%,#111320);color:#f5f5f5;height:100vh;overflow:hidden;position:relative}.bg-canvas{position:absolute;z-index:2}.showcase-inner{align-items:center;display:flex;height:100%;justify-content:center}.hero-content{border-radius:24px;padding:2rem;position:relative;z-index:5}#h1-title{font-size:clamp(3rem,3vw + 1rem,5rem);font-weight:300;letter-spacing:.08em;text-shadow:0 0 18px #cb563b40;text-transform:uppercase}.hero-subtitle{color:#f5f5f5bf;font-size:1rem;font-size:.8rem;letter-spacing:.12em;margin-top:1rem;text-transform:uppercase}.bg-layer{inset:0;pointer-events:none;position:absolute}.bg-grid{background-image:linear-gradient(hsla(0,0%,100%,.035) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.035) 1px,#0000 0);background-size:50px 50px;-webkit-mask-image:radial-gradient(circle at center,#000 40%,#0000 90%);mask-image:radial-gradient(circle at center,#000 40%,#0000 90%);opacity:.55}@media(max-width:1090px){.hero-content{text-align:center}#h1-title{font-weight:300;letter-spacing:.08em;text-shadow:0 0 18px #cb563b40;text-transform:uppercase}.hero-subtitle{color:#f5f5f5bf;letter-spacing:.12em;margin-top:1rem;text-transform:uppercase}}