@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Bricolage+Grotesque:wght@200..800&family=Merriweather:ital,wght@0,300..900;1,300..900&family=Supermercado+One&display=swap";@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Bricolage+Grotesque:wght@200..800&family=Merriweather:ital,wght@0,300..900;1,300..900&family=Supermercado+One&display=swap";@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Bricolage+Grotesque:wght@200..800&family=Merriweather:ital,wght@0,300..900;1,300..900&family=Supermercado+One&display=swap";@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";@keyframes glow{0%{filter:drop-shadow(0 0 6px #b4ebffcc)drop-shadow(0 0 12px #96dcff80)}50%{filter:drop-shadow(0 0 18px #b4ebff)drop-shadow(0 0 35px #96dcffb3)}to{filter:drop-shadow(0 0 6px #b4ebffcc)drop-shadow(0 0 12px #96dcff80)}}@keyframes button_glow{0%{box-shadow:0 0 5px #fff,0 0 10px #00eaff,0 0 20px #00eaff}50%{box-shadow:0 0 10px #fff,0 0 20px #00eaff,0 0 40px #00eaff}to{box-shadow:0 0 5px #fff,0 0 10px #00eaff,0 0 20px #00eaff}}.start-button{cursor:pointer;opacity:.8;z-index:10;color:#c278ff;background:#fff;border:2px solid #fff;border-radius:2px;padding:10px 20px;font-family:Bricolage Grotesque,sans-serif;font-size:1rem;font-weight:800;transition:all .3s;animation:2.5s ease-in-out infinite button_glow;position:absolute;bottom:5%;left:50.2%;transform:translate(-50%)}.btn-text{transition:all .3s}.bear{opacity:0;pointer-events:none;width:70px;height:auto;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bear1{opacity:0;pointer-events:none;width:70px;height:55px;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.start-button:hover{color:#00fff200;background:#b4f9fa;border:.5px solid #b4f9fa;box-shadow:0 0 15px #fff,0 0 40px #00eaff,0 0 80px #00eaff}.start-button:hover .btn-text{opacity:0}.start-button:hover .bear,.start-button:hover .bear1{opacity:.8}.scene{width:100%;max-width:1200px;height:100%;margin:0 auto;position:relative}.penguin{width:auto;height:190px;position:absolute;bottom:31%;left:16%;transform:translate(-50%)}.seal{width:auto;height:190px;position:absolute;bottom:23%;left:87%;transform:translate(-50%)}.arcticfox{width:auto;height:210px;position:absolute;bottom:62%;left:55%;transform:translate(-50%)}@keyframes animal_glow{0%{filter:drop-shadow(0 0 6px #fff)drop-shadow(0 0 12px #00eaff)}50%{filter:drop-shadow(0 0 12px #fff)drop-shadow(0 0 30px #00eaff)}to{filter:drop-shadow(0 0 6px #fff)drop-shadow(0 0 12px #00eaff)}}.penguin,.seal,.arcticfox{filter:drop-shadow(0 0 8px #fff)drop-shadow(0 0 16px #00eaff);transition:all .2s ease-in-out;animation:2.5s ease-in-out infinite animal_glow;position:absolute}.typing{color:#fff;white-space:nowrap;border-right:3px solid #fff;width:0;margin:0;font-family:Supermercado One;font-size:5rem;animation:3s steps(20,end) forwards typing,.8s infinite blink,2.5s ease-in-out infinite glow;position:absolute;top:15%;left:51%;overflow:hidden;transform:translate(-50%)}@keyframes typing{0%{width:0}to{width:16ch}}@keyframes blink{0%{border-color:#fff}50%{border-color:#0000}to{border-color:#fff}}@keyframes typing2{0%{width:0}to{width:13ch}}.contactmebubble{white-space:nowrap;color:#000;pointer-events:none;font-family:VT323,monospace;font-size:27px;position:absolute;top:33%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.speech-btn{cursor:pointer;background:0 0;border:none;padding:0;position:absolute;bottom:43%;left:98%;transform:translate(-50%)}.speech-img{opacity:1;filter:drop-shadow(0 0 8px #fff);pointer-events:none;width:auto;height:55px}@keyframes typing3{0%{width:0}to{width:39ch}}.typing3{color:#fff;white-space:nowrap;border-right:3px solid #fff;width:0;margin:0;font-family:Supermercado One;font-size:3rem;animation:3s steps(20,end) forwards typing3,.8s infinite blink,2.5s ease-in-out infinite text_glow;position:absolute;top:85%;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes text_glow{0%{text-shadow:0 0 3px #fff,0 0 6px #00eaff}50%{text-shadow:0 0 5px #fff,0 0 10px #00eaff}to{text-shadow:0 0 3px #fff,0 0 6px #00eaff}}.aboutmebubble{white-space:nowrap;color:#000;pointer-events:none;font-family:VT323,monospace;font-size:27px;position:absolute;top:33%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.aboutme-btn{cursor:pointer;background:0 0;border:none;padding:0;position:absolute;bottom:87%;left:60%;transform:translate(-50%)}.aboutme-img{opacity:1;filter:drop-shadow(0 0 10px #fff);pointer-events:none;width:auto;height:50px}.projectsbubble{white-space:nowrap;color:#000;pointer-events:none;font-family:VT323,monospace;font-size:27px;position:absolute;top:32%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.projects-btn{cursor:pointer;background:0 0;border:none;padding:0;position:absolute;bottom:55%;left:20%;transform:translate(-50%)}.projects-img{opacity:1;filter:drop-shadow(0 0 10px #fff);pointer-events:none;width:auto;height:50px}.home{cursor:pointer;background:0 0;border:none;padding:0;position:absolute;top:3%;left:2%}.home-img{filter:drop-shadow(0 0 4px #fff);pointer-events:none;width:auto;height:35px;animation:2.5s ease-in-out infinite glow}.speech-img,.aboutme-img,.projects-img{opacity:1;filter:drop-shadow(0 0 8px #fff);pointer-events:none;width:auto;height:50px;transition:all .2s ease-in-out;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.contactbackground{object-fit:cover;z-index:-1;filter:blur(4px)brightness(.8);width:100%;height:100%;position:fixed;top:0;left:0}.contact-container{width:100%;height:100vh;margin:0 auto;position:relative}.contactcard{border-radius:20px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(1.03);box-shadow:0 0 40px #b6eafd,0 0 80px #fff}.seal1{width:auto;height:300px;transition:all .3s;animation:3s ease-in-out infinite glow;position:absolute;top:40%;right:52%;transform:translateY(-50%)}.exit{cursor:pointer;background:0 0;border:none;padding:0;animation:2s ease-in-out infinite pulse;position:absolute;top:20%;right:18%}.exit-btn{width:auto;height:60px;display:block}@keyframes sealtyping1{0%{width:0}to{width:22ch}}@keyframes sealtyping2{0%{width:0}to{width:42ch}}@keyframes sealtyping3{0%{width:0}to{width:32ch}}.icon-row{align-items:center;gap:60px;display:flex;position:absolute;top:63%;left:50%;transform:translate(-50%)}.icon-btn{cursor:pointer;filter:drop-shadow(0 0 5px #7b2cffcc)drop-shadow(0 0 1px #7b2cff99);width:auto;height:80px;transition:transform .2s,filter .2s;animation:3s ease-in-out infinite logopulse}@keyframes logopulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}html,body{margin:0;padding:0}.about-container{width:100%;height:100vh;position:relative;overflow:hidden}.aboutbackground{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.topberg{z-index:1;width:41%;height:auto;position:absolute;top:7.4%;left:47.5%;transform:translate(-50%)}.bottomberg{z-index:1;width:36.5%;height:auto;position:absolute;top:40%;left:49.35%;transform:translate(-50%)}.topberg{-webkit-mask-image:linear-gradient(#000 100%,#0000 100%);mask-image:linear-gradient(#000 100%,#0000 100%);animation:3s ease-in-out infinite glowPulse;-webkit-mask-image:linear-gradient(#000 85%,#0000 100%)}.bottomberg{-webkit-mask-image:linear-gradient(#0000 0%,#000 0%);mask-image:linear-gradient(#0000 0%,#000 0%);animation:3s ease-in-out 1.5s infinite glowPulse2;-webkit-mask-image:linear-gradient(#0000 0%,#000 15%)}@keyframes glowPulse{0%{filter:drop-shadow(0 0 #0064ff00)}50%{filter:drop-shadow(0 0 10px #fff)drop-shadow(0 0 20px #f4f7ff)}to{filter:drop-shadow(0 0 #0064ff00)}}@keyframes glowPulse2{0%{filter:drop-shadow(0 0 #fcfcfc00)}50%{filter:drop-shadow(0 0 10px #43a6fd)drop-shadow(0 0 20px #22f)}to{filter:drop-shadow(0 0 #0064ff00)}}.aboutline{clip-path:inset(0 0 0 100%);width:350px;height:auto;animation:5.5s 3s forwards reveal;position:fixed;top:10%;left:50%;transform:scaleX(-1)}.aboutline1{clip-path:inset(0 0 0 100%);width:350px;height:auto;animation:5.5s forwards reveal;position:fixed;top:6%;left:24%;transform:scaleY(-1)}.aboutline2{clip-path:inset(0 0 0 100%);width:350px;height:auto;animation:5.5s 6s forwards reveal;position:fixed;top:1%;left:45%;transform:scaleX(-1)scaleY(-1)}.blueline{clip-path:inset(0 0 0 100%);width:350px;height:auto;animation:5.5s 12.3s forwards reveal;position:fixed;top:40%;left:18.5%}.blueline1{clip-path:inset(0 0 0 100%);width:350px;height:auto;animation:5.5s 9s forwards reveal;position:fixed;top:55%;left:52%;transform:scaleX(-1)scaleY(-1)}.blueline2{clip-path:inset(0 0 0 100%);width:350px;height:auto;animation:5.5s 15.5s forwards reveal;position:fixed;top:78.75%;left:29.35%;transform:scaleY(-1)}.namecard{filter:drop-shadow(0 0 5px #fff);opacity:0;width:240px;height:auto;animation:.3s 2.85s forwards revealCard;position:fixed;top:10%;left:11.5%}.degreecard{filter:drop-shadow(0 0 5px #fff);opacity:0;width:320px;height:auto;animation:.3s 5.9s forwards revealCard;position:fixed;top:25%;left:69.5%}.awardscard{filter:drop-shadow(0 0 5px #fff);opacity:0;width:350px;height:auto;animation:.3s 8.9s forwards revealCard;position:fixed;top:2%;left:65%}.experiencecard{filter:drop-shadow(0 0 5px #161aff);opacity:0;width:370px;height:auto;animation:.3s 12s forwards revealCard;position:fixed;top:54%;left:72%}.toolscard{filter:drop-shadow(0 0 5px #161aff);opacity:0;width:270px;height:auto;animation:.3s 15.3s forwards revealCard;position:fixed;top:46%;left:3.5%}.hobbiescard{filter:drop-shadow(0 0 5px #161aff);opacity:0;width:220px;height:auto;animation:.3s 18.5s forwards revealCard;position:fixed;top:77.7%;left:18%}.reveal{clip-path:inset(0 100% 0 0);animation:1s forwards reveal}@keyframes reveal{to{clip-path:inset(0)}}@keyframes revealCard{to{opacity:1;transform:scale(1)}}.backarrow{cursor:pointer;filter:drop-shadow(0 0 10px #f4f4f5);background:0 0;border:none;padding:0;animation:2s ease-in-out infinite pulse;position:absolute;top:2%;left:1%}.backarrow-btn{width:auto;height:40px;display:block}body{margin:0}.projectsbackground{object-fit:cover;z-index:-1;filter:blur(3px)brightness();width:100%;height:100%;position:fixed;top:0;left:0}.iceblock{filter:drop-shadow(0 0 10px #fff);width:1200px;height:auto;animation:2s ease-in-out infinite pulse1;position:absolute;top:7.5%;left:9%}@keyframes pulse1{0%{transform:scale(1)}50%{transform:scale(1.01)}to{transform:scale(1)}}.projectpenguin{filter:drop-shadow(0 0 10px #0bf);width:250px;height:auto;position:absolute;top:25%;left:19%}.line{color:#000;text-align:left;white-space:nowrap;width:0;font-family:VT323,monospace;font-size:34px;position:absolute;left:42%;overflow:hidden}.line1{animation:1.5s steps(18,end) forwards penguintyping1,.8s infinite blink;top:28%}.line2{animation:2s steps(35,end) 1.5s forwards penguintyping2;top:35%}.line3{animation:2s steps(30,end) 3.5s forwards penguintyping3;top:42%}.line4{animation:2s steps(30,end) 5.5s forwards penguintyping3;top:49%}@keyframes penguintyping1{0%{width:0}to{width:32ch}}@keyframes penguintyping2{0%{width:0}to{width:42ch}}@keyframes penguintyping3{0%{width:0}to{width:39ch}}@keyframes penguintyping4{0%{width:0}to{width:10ch}}.buttonContainer{opacity:0;justify-content:center;gap:40px;width:100%;animation:.5s 6.5s forwards showButtons;display:flex;position:absolute;bottom:25%}@keyframes showButtons{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.projectButton{cursor:pointer;width:200px;height:auto;transition:transform .2s,filter .2s}.projectButton:hover{filter:brightness(1.1);transform:scale(1.1)}.featuredBtn{transform:scale(1.06)translateY(-3px)}.projexit{cursor:pointer;background:0 0;border:none;padding:0;animation:2s ease-in-out infinite pulse;position:absolute;top:22%;right:19%}.projexit-btn{width:auto;height:60px;display:block}.viewPage{z-index:1;position:relative}.menuButton{cursor:pointer;z-index:1000;background:0 0;border:none;position:fixed;top:30px;left:30px}.menu{filter:drop-shadow(0 0 5px #ffffffc7)drop-shadow(0 0 2px #ffffffb7);width:30px;height:auto;transition:transform .25s}.menu:hover{transform:scale(1.08)}.projectviewbackground{object-fit:cover;z-index:-1;filter:blur(2px)brightness(.6);width:100%;height:100%;position:fixed;top:0;left:0}.tabs{color:#aaa;justify-content:center;gap:40px;margin-top:100px;font-family:Bricolage Grotesque,sans-serif;font-weight:600;display:flex}.tabs span{cursor:pointer}.tabs .active{color:#fff}.carousel{justify-content:center;align-items:center;margin-top:60px;font-family:Bricolage Grotesque,sans-serif;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.viewport{border-radius:20px;width:1050px;height:620px;overflow:hidden}.slider{transition:transform .7s cubic-bezier(.77,0,.175,1);display:flex}.slide{flex-shrink:0;justify-content:center;align-items:center;width:1050px;min-width:900px;height:520px;display:flex;position:relative}.projectcard{z-index:2;background:#ffffffeb;border-radius:28px;width:900px;height:420px;font-family:Bricolage Grotesque,sans-serif;transition:transform .3s,box-shadow .3s,filter .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #fffffff5,0 0 10px #ffffffd5}.projectcard:hover{filter:brightness(1.03);transform:scale(1.03)translateY(-6px);box-shadow:0 0 30px #ffffffe6,0 0 30px #fffffffd}.slide:hover .glowBox{opacity:.7;transform:scale(1.04)}.cardLeft{background:#000;width:50%}.cardRight{color:#000;width:60%;padding:30px}.stack{flex-wrap:wrap;gap:8px;max-width:100%;display:flex}.stack span{color:#fff;background:#15a9ff;border-radius:10px;padding:6px 10px;font-size:12px}.viewBtn{color:#fff;cursor:pointer;background:#a876f8;border:none;border-radius:10px;margin-top:auto;padding:10px 20px;font-family:Bricolage Grotesque,sans-serif;font-size:1rem;font-weight:700;transition:transform .2s,background .2s}.viewBtn:hover{color:#fff;transform:scale(1.02)}.arrow{cursor:pointer;z-index:20;background:0 0;border:none;padding:0;position:absolute;top:50%;transform:translateY(-50%)}.arrow.left{left:100px}.arrow.right{right:100px}.arrow img{width:80px;height:auto;transition:transform .25s;display:block}.arrow img:hover{transform:scale(1.1)}.cardLeft img{object-fit:cover;width:100%;height:100%}.cardRight{flex-direction:column;padding:20px;display:flex;overflow:hidden}.modalOverlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;background:#000000a6;justify-content:center;align-items:center;width:100%;height:100%;font-family:Bricolage Grotesque,sans-serif;display:flex;position:fixed;top:0;left:0}.modalBox{background:#0f0f14;border-radius:20px;width:85%;max-width:1100px;height:80vh;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #000000b3}.modalLeft{background:#111;justify-content:center;align-items:center;width:45%;display:flex}.modalLeft img{border-radius:12px;width:80%}.modalRight{color:#fff;width:55%;padding:40px;overflow-y:auto}.modalRight h2{margin-bottom:10px;font-size:28px}.subtitle{color:#aaa;margin-bottom:20px}.modalRight p{margin-bottom:15px;line-height:1.6}.modalRight h4{letter-spacing:1px;color:#888;margin-top:10px;margin-bottom:10px;font-size:13px}.overviewCard{background:#181820;border-radius:12px;margin:20px 0;padding:20px}.overviewList{flex-wrap:wrap;gap:10px;display:flex}.overviewList span{background:#222;border-radius:6px;padding:6px 12px;font-size:13px}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags span{background:#2a2a35;border-radius:6px;padding:6px 12px;font-size:13px}.githubBtn{color:#fff;background:#6c63ff;border-radius:10px;margin-top:25px;padding:12px 20px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.githubBtn:hover{background:#574fd6}.closeBtn{color:#fff;cursor:pointer;background:#1f1f28;border:none;border-radius:50%;width:35px;height:35px;font-size:20px;position:absolute;top:20px;right:25px}.tabs span{cursor:pointer;transition:transform .2s,color .2s;display:inline-block}.tabs span:hover{color:#fff;transform:scale(1.15)}