body{margin:0;overflow:hidden;font-family:M PLUS Code Latin,monospace;color:#f5f5f5;background:#0a0a0a;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 35%,#2a2a2a)}.warning{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0a0a0af2;z-index:1000;color:#fff;flex-direction:column;align-items:center;justify-content:center;font-size:4vw;text-align:center}.warning .rotate-icon{font-size:15vw;margin-bottom:5vh;animation:rotate 2s infinite ease-in-out;display:block}@keyframes rotate{0%{transform:rotate(0)}20%{transform:rotate(0)}60%{transform:rotate(90deg)}80%{transform:rotate(90deg)}to{transform:rotate(0)}}@media screen and (orientation: portrait){.warning{display:flex}}main{position:absolute;width:100vw;height:100vh;-webkit-user-select:none;user-select:none;display:flex;flex-direction:row}.header{margin-left:5vw;width:30vw}.main-body{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60vw}.description a{color:#fff;text-decoration:none;border-bottom:1px dashed #ccc;padding-bottom:2px;transition:all .2s ease,visibility 0s}.about-links a{color:#fff;text-decoration:none;border:1px solid #ccc;border-radius:3px;padding:.5vh .5vw;transition:all .3s ease,visibility 0s}.description a:hover{color:#ccc;border-bottom:1px solid #ccc;text-shadow:0 0 5px rgb(255 255 255 / 30%)}.about-content{position:absolute;top:75vh;transform:translateY(-50%);background:#2a2a2acc;padding:1vw;border:2px solid #ccc;border-radius:5px;z-index:10;font-size:.8vw;box-shadow:0 0 20px #0000007f}.about-content h3{color:#fff;margin-top:0;margin-bottom:1vh;font-size:1vw}.about-links{display:flex;flex-wrap:wrap;gap:1vh .5vw}.about-links a:hover{background:#ffffff1a;box-shadow:0 0 12px #fff3;transform:translateY(-2px)}.header #console{display:flex;flex-direction:column;line-height:1.3vh;font-size:1.2vw;height:50vh;justify-content:flex-end}.header #console ul{display:flex;flex-direction:column;padding:0;margin:0}.header #console li:nth-last-child(n+2){transform:translateY(1vh)}.header #console li:nth-last-child(2){opacity:.9}.header #console li:nth-last-child(3){opacity:.8}.header #console li:nth-last-child(4){opacity:.7}.header #console li:nth-last-child(5){opacity:.6}.header #console li:nth-last-child(6){opacity:.5}.header #console li:nth-last-child(7){opacity:.4}.header #console li:nth-last-child(8){opacity:.3}.header #console li:nth-last-child(n+9){opacity:.2}li::marker{content:"> "}#console h3{color:#fff}canvas{position:absolute;top:0;left:0;z-index:-2;width:100vw;height:100vh}.panel{display:flex;align-items:center;border:2px solid #ccc;margin:1vh 1vw;border-radius:8px;transition:all .3s ease,visibility 0s;cursor:pointer;box-shadow:0 0 15px #0000004d;padding-left:3vw;height:23vh;text-shadow:0 0 10px rgb(0 0 0 / 80%),0 0 20px rgb(0 0 0 / 60%);background:#2a2a2a7f}.panel:hover{box-shadow:0 0 25px #fff3;transform:translateY(-2vh);background:#2a2a2ab3}.panel h2{color:#ccc;font-family:M PLUS Code Latin,monospace;font-size:1vw;margin-bottom:2vh}.panel h1{color:#fff;font-size:1.5vw;margin-bottom:1vh}.logos-container{display:flex;align-items:center;margin-bottom:1vh}.panel-img{margin-right:1vw}.image-container img{object-fit:cover;min-height:100%;height:100%;width:100%;transition:all .5s ease,visibility 0s;border:1px solid rgb(204 204 204 / 30%);box-shadow:inset 0 0 15px #0006}.panel-array-container{margin-top:10vh;height:80vh;display:flex;flex-direction:column;align-items:center;margin-right:15vw;margin-left:10vw;transition:opacity .3s ease-in-out,visibility .3s}.panel-category{display:flex;flex-direction:column;align-items:center;padding:2vh 2vw;border:2px solid #ccc;background:#2a2a2a99;border-radius:8px;transition:all .3s ease,visibility 0s;box-shadow:0 0 15px #0000004d;width:30vw;margin:0 1vw;font-size:1.5vw}.panel-array{display:grid;grid-template-columns:repeat(auto-fill,minmax(30%,1fr));grid-gap:1vw;justify-content:center;overflow-y:hidden;height:75vh;width:75vw;padding-bottom:10vh;padding-top:10vh}.panels-header{display:flex;width:100%;align-items:center;justify-content:center}.description{display:flex;height:80vh;padding:3vh 3vw;background:#2a2a2acc;border:2px solid #ccc;border-radius:8px;text-align:justify;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#ccc rgb(42 42 42 / 80%);scroll-behavior:smooth;font-size:1.7vh;transition:opacity .3s ease-in-out,visibility .3s}.description.hidden{display:none;background-color:#f0f8ff}.description-left{flex:1;padding-right:3vw;border-right:1px solid rgb(204 204 204 / 30%)}.description-left h1{font-size:2.5vh;color:#fff;margin-bottom:2vh}.description-left h2{font-size:1.6vh;color:#ccc;margin-bottom:1.5vh}.description-right{flex:1;padding-left:3vw;line-height:1.6vh}.description video{width:100%}.description img{max-width:100%;border:1px solid #ccc;border-radius:6px;margin:1vh 0;transition:all .3s ease,visibility 0s}.description img:hover{box-shadow:0 0 20px #fff3}.description-header{display:flex;align-items:center}.project-header{width:50%}.back-button{padding:1vh 1vw;margin-left:auto;margin-right:auto;width:fit-content;height:fit-content;background:#2a2a2acc;color:#fff;border:2px solid #ccc;border-radius:6px;cursor:pointer;transition:all .3s ease,visibility 0s;font-family:M PLUS Code Latin,monospace;vertical-align:middle;font-size:.7vw}.back-button:hover{background:#2a2a2a;box-shadow:0 0 20px #ffffff26;transform:translateY(-2px)}.typing:after{content:"";border-right:2px solid #fff;animation:blink .75s step-end infinite;margin-left:2px}@keyframes blink{0%,to{border-color:transparent}50%{border-color:#fff}}.image-carousel{position:relative;width:100%;margin:1vh 0;overflow:hidden}.carousel-slider{position:relative;height:35vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.carousel-image{position:absolute;width:100%;height:auto;opacity:0;transition:opacity .5s ease-in-out;object-fit:contain;border:none!important}.carousel-image.active{opacity:1}.panels-nav{width:2vw;height:2vw;background:#2a2a2acc;color:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;z-index:2;display:flex;justify-content:center;align-items:center;font-size:1.8vh;transition:all .3s ease,visibility 0s}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:2vw;height:2vw;background:#2a2a2acc;color:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;z-index:2;display:flex;justify-content:center;align-items:center;font-size:1.8vh;transition:all .3s ease,visibility 0s}.carousel-nav:hover,.panels-nav:hover{background:#ffffff1a;box-shadow:0 0 15px #fff3}.carousel-nav.prev{left:1vw}.carousel-nav.next{right:1vw}.image-carousel .description-image{margin:0;border:none}.image-container{height:100%;width:100%;background-color:#1a1a1a;position:absolute;z-index:-1;top:0;left:0;transition:all .4s ease,visibility 0s;overflow:hidden;filter:grayscale(.8) blur(1px) brightness(.5)}.panel:hover>.image-container{filter:grayscale(.2) brightness(1)}