@import"https://fonts.googleapis.com/css2?family=Gloock&family=Inter:wght@100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.nav{display:flex;justify-content:space-between;align-items:center;flex:1;padding:2rem 3rem 0}.logo{font-family:Neue Montreal Thin,sans-serif!important;font-size:35px;color:#eee;flex:1;transition:all .1s ease-in-out}.logo:hover{text-shadow:0 5px 10px rgba(0,87,255,.15),0 -5px 10px rgba(255,90,0,.1),0 0px 25px rgba(255,255,255,.3);transition:all .1s ease-in-out}.logo{display:flex}.logo-2,.logo-3{display:none}.menu{display:flex;gap:10px;align-items:flex-end}.hamburger{position:relative;width:50px;height:50px;border-radius:50%;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:1px solid rgba(242,242,242,.1);background-color:#f2f2f20d;box-shadow:0 10px 20px #00000080;display:none}.hamburger .line{width:24px;height:3px;background-color:#c8c8c8;border-radius:2px}.animate-hamburger-line-1-enter{transform:translateY(265%) rotate(45deg)}.animate-hamburger-line-1-enter-active{transform:translateY(0) rotate(0);transition:transform .5s ease-in-out}.animate-hamburger-line-1-enter-done,.animate-hamburger-line-1-exit{transform:translateY(0) rotate(0)}.animate-hamburger-line-1-exit-active{transform:translateY(265%) rotate(45deg);transition:transform .5s ease-in-out}.animate-hamburger-line-1-exit-done{transform:translateY(265%) rotate(45deg)}.animate-hamburger-line-2-enter{transform:scale(0)}.animate-hamburger-line-2-enter-active{transform:scale(1);transition:transform .5s ease-in-out}.animate-hamburger-line-2-enter-done,.animate-hamburger-line-2-exit{transform:scale(1)}.animate-hamburger-line-2-exit-active{transform:scale(0);transition:transform .5s ease-in-out}.animate-hamburger-line-2-exit-done{transform:scale(0)}.animate-hamburger-line-3-enter{transform:translateY(-265%) rotate(-45deg)}.animate-hamburger-line-3-enter-active{transform:translateY(0) rotate(0);transition:transform .5s ease-in-out}.animate-hamburger-line-3-enter-done,.animate-hamburger-line-3-exit{transform:translateY(0) rotate(0)}.animate-hamburger-line-3-exit-active{transform:translateY(-265%) rotate(-45deg);transition:transform .5s ease-in-out}.animate-hamburger-line-3-exit-done{transform:translateY(-265%) rotate(-45deg)}.popup{position:absolute;top:120%;right:0;left:auto;bottom:auto;padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border-radius:15px;transform:scale(0);opacity:0;border:1px solid rgba(242,242,242,.1);background-color:#1e1e1e;box-shadow:0 10px 20px #00000080;transform-origin:top right}.animate-popup-enter{transform:scale(0);opacity:0}.animate-popup-enter-active{transform:scale(1);opacity:1;transition:all .5s ease-in-out}.animate-popup-enter-done,.animate-popup-exit{transform:scale(1);opacity:1}.animate-popup-exit-active{transform:scale(0);opacity:0;transition:all .5s ease-in-out}.animate-popup-exit-done{transform:scale(0);opacity:0}.mobile-link{padding:12px 14px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;width:calc(100% - 25px);gap:30px;text-decoration:none;color:#eee;transition:background .2s ease-in-out}.mobile-link:hover{background:#f2f2f21a;transition:background .2s ease-in-out}.page-buttons{position:relative;gap:10px;width:auto;padding:5px;display:flex;justify-content:center;align-self:center;border-radius:40px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(242,242,242,.1);background-color:#f2f2f20d;box-shadow:0 10px 20px #00000080}.page-buttons a{text-decoration:none}.page-button-bg{background:#f2f2f21a;width:37px;padding:10px 25px;border-radius:20px;position:absolute;top:5px;left:5px;right:auto;bottom:5px;z-index:-1;transform:translate(0) scaleX(1);transform-origin:right}.animate-page-bg-enter{transform:translate(98%) scaleX(.9)}.animate-page-bg-enter-active{transform:translate(0) scaleX(1);transition:transform .5s ease}.animate-page-bg-enter-done,.animate-page-bg-exit{transform:translate(0) scaleX(1)}.animate-page-bg-exit-active{transform:translate(98%) scaleX(.9);transition:transform .5s ease}.animate-page-bg-exit-done{transform:translate(98%) scaleX(.9)}.page-button{color:#fff;padding:10px 25px;text-align:center;border-radius:20px}.nav-glow{width:24px;height:2px;background-color:#f2f2f2;border-radius:2px 2px 0 0;transform:translate(35px);box-shadow:0 2px 25px 2px #fff}.animate-nav-glow-enter{transform:translate(128px)}.animate-nav-glow-enter-active{transform:translate(35px);transition:transform .5s ease-in-out}.animate-nav-glow-enter-done,.animate-nav-glow-exit{transform:translate(35px)}.animate-nav-glow-exit-active{transform:translate(128px);transition:transform .5s ease-in-out}.animate-nav-glow-exit-done{transform:translate(128px)}.links{flex:1;display:flex;justify-content:flex-end;gap:5px}.link{position:relative;display:flex;align-items:center;text-decoration:none;color:#eee;gap:5px;padding:14px 14px 14px 18px;border-radius:30px;transition:box-shadow .3s ease-in-out,backdrop-filter .2s ease-in-out}.link:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 10px #fff6}.external-link-arrow{background:transparent;width:20px;height:auto}.link-glow{box-shadow:0 0 15px 5px #fff3;border-radius:30px;transition:left,bottom,right,.2s ease-in-out;position:absolute;left:30%;right:30%;top:70%}.link:hover .link-glow{box-shadow:0 0 15px #ffffff1a;transition:all .1s ease-in-out;top:0;bottom:0;left:0;right:0}.window-outline{margin:3rem;position:relative;display:flex;flex-direction:column;width:90%;max-width:1100px;border:1px solid rgba(242,242,242,.15);border-radius:25px;background-image:radial-gradient(circle farthest-side at 50% 0,#dcdcdc1a,#0000);box-shadow:inset 0 0 8px #0009,0 0 60px #0006,0 0;animation:slide-up 1s ease-in-out}@keyframes slide-up{0%{opacity:0;transform:translateY(20%)}to{opacity:1;transform:translateY(0)}}.window{position:relative;display:flex;flex-direction:column;border-radius:20px;height:100%;border:1px solid rgba(242,242,242,.3);margin:6px}.window .title-bar{height:40px;width:100%;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-image:linear-gradient(to right,#f2f2f21a,#f2f2f280 50%,#f2f2f21a);border-radius:19px 19px 0 0;display:flex;justify-content:space-between;align-items:center}.work-window .window{background-image:linear-gradient(180deg,#252525,#111111b3)}.title-bar-buttons{display:flex;padding:20px;gap:10px}.title-bar-buttons .button{width:12px;height:12px;border:1px solid rgba(16,16,16,.25);border-radius:100px}.button.red{background-color:#f46b5d;box-shadow:0 0 20px 2px #f46b5d}.button.yellow{background-color:#f9bd4e;box-shadow:0 0 20px 2px #f9bd4e}.button.green{background-color:#57c353;box-shadow:0 0 20px 2px #57c353}.window-content{display:flex;flex-direction:column;height:100%;padding:4rem 4rem 8rem;border-radius:0 0 19px 19px}.hero-name{font-family:Neue Montreal Thin,sans-serif;color:#ffffffb3;gap:3vw;margin:0 0 4vw;display:flex;font-size:5vw;align-items:center;letter-spacing:1px}.hero-name-dot{height:10px;width:10px;border-radius:50%;background-color:#fff;box-shadow:0 0 15px #fff}.hero{position:relative;text-shadow:0 5px 10px rgba(0,87,255,.15),0 -5px 10px rgba(255,90,0,.1),0 0px 25px rgba(255,255,255,.3)}.heading{font-family:Neue Montreal Medium,sans-serif;letter-spacing:-2px;line-height:5.3rem;font-size:4.2rem;color:#fff}.word-carousel{display:flex;height:6.5rem}.words{position:relative;display:flex;flex-direction:column;color:transparent;overflow:hidden}.words div{font-family:Gloock,sans-serif;letter-spacing:1px;font-size:4rem;font-weight:600;padding:.2rem 2rem 2rem 1rem;font-style:italic;animation:slide 6s ease-in-out infinite;background:linear-gradient(to bottom,#f2f2f2 40%,#7e7e7e 55%);-webkit-background-clip:text;background-clip:text}@keyframes slide{13%{transform:translateY(-100%)}33%{transform:translateY(-100%)}53%{transform:translateY(-200%)}66%{transform:translateY(-200%)}87%{transform:translateY(-300%)}to{transform:translateY(-300%)}}.subtitles{font-family:Neue Montreal Book,sans-serif;display:flex;margin:3rem 0;letter-spacing:1px;flex-direction:column;align-items:flex-start;align-self:flex-end;font-size:1.3rem;color:#f2f2f2}.subtitle:nth-child(2){color:#f2f2f280}.mobile-window{display:none}.mobile-hero-hr{margin:2rem 1rem;position:relative;display:none}@keyframes scroll{0%{transform:translateY(100%)}60%{transform:translateY(300%)}to{transform:translateY(300%)}}@media screen and (max-width: 1200px){.window-outline,.project-window{width:85%}.window-content{padding:5.3vw 5.3vw 10vw}.heading{font-size:5.5vw;line-height:7.5vw}.word-carousel{height:9vw}.words div{font-size:5.5vw;padding-top:.2rem;padding-left:2.5vw}.subtitles{font-size:1.7vw}}@media screen and (max-width: 1000px){.logo{display:none}.logo-2{display:flex}.logo-3{display:none}.heading{letter-spacing:-1.5px}}@media screen and (max-width: 768px){.logo,.logo-2{display:none}.logo-3{display:flex}*{cursor:default}.window{margin:1vw}.nav{padding:2rem}.window-content{padding:4vw 4vw 10vw}.subtitles{align-self:flex-start;margin:4vw 0;font-size:2vw}.links{display:none}.hamburger{display:flex}}@media screen and (max-width: 480px){main .window-outline{display:none}main .fade-out{display:none}.project-window{margin:5rem 2rem 2rem}.mobile-window{display:block;padding:0 10vw;padding-right:0}.heading{font-size:11vw;line-height:14vw}.word-carousel>.heading{white-space:nowrap}.word-carousel{height:20vw}.words div{font-size:11vw;padding-left:3vw}.subtitles{font-size:3.5vw;margin-top:2vw;line-height:6vw}.mobile-hero-hr{display:flex}}.info{margin:3rem;position:relative;display:flex;flex-direction:column;height:700px;border:2px solid #f2f2f2;border:1px solid rgba(242,242,242,.15);border-radius:25px;max-width:1000px;background-image:radial-gradient(circle farthest-side at 50% 0,#dcdcdc1a,#0000);box-shadow:inset 0 0 8px #0009,0 0 60px #0006,0 0;animation:slide-up 1s ease-in-out}.info-outline{padding:3rem;position:relative;display:flex;flex-direction:column;border-radius:20px;height:100%;border:1px solid rgba(242,242,242,.3);margin:5px}.pfp-outline{display:flex;justify-content:center;align-items:center;border-radius:50%;height:300px;width:300px;border:1px solid rgba(242,242,242,.3);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-size:102%;background-position:center;box-shadow:inset 0 5px 10px #ffdd0040,0 -5px 10px #ffdd0040,0 0 25px #00b3ff40}.pfp{border-radius:50%;height:95%;width:95%;background-image:url(/assets/a-DiqelxFl.jpeg);background-size:102%;background-position:center;box-shadow:inset 0 5px 10px #ffdd0040,0 -5px 10px #ffdd0040,0 0 25px #00b3ff40}.project-window{margin:3rem;position:relative;display:flex;flex-direction:column;max-width:1100px;text-decoration:none;background-image:linear-gradient(190deg,#252525,#101010)}.project-window .project{position:relative;display:flex;justify-content:center;font-family:Neue Montreal Book,sans-serif;padding:3rem 2.5rem 0;color:#eee;overflow:hidden}.project *{z-index:1}.radial-bg-effect{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;z-index:0;border-radius:inherit;transition:opacity .3s ease-in-out;background:radial-gradient(circle at 50% 0,#7fffcf33,#0000 80%),radial-gradient(circle at 50% 0,#053,#0000)}.gear5{background:radial-gradient(circle at 50% 0,#ff7f7f33,#0000 80%),radial-gradient(circle at 50% 0,#500,#0000)}.weather{background:radial-gradient(circle at 50% 0,#76d8ff33,#0000 80%),radial-gradient(circle at 50% 0,#007289,#0000)}.flappy{background:radial-gradient(circle at 50% 0,#67ffc733,#0000 80%),radial-gradient(circle at 50% 0,#006811,#0000)}.project-window .project:hover .radial-bg-effect{opacity:1;transition:opacity .3s ease-in-out}.projectcard-heading{display:flex;flex-direction:column;gap:10px;margin-bottom:3rem;letter-spacing:1px}.project .title{display:flex;justify-content:space-between;align-items:center}.project .title>img{width:2rem;margin-right:25px;transition:all .3s ease-in-out}.project-window .project:hover .title>img{margin-right:10px;transition:all .3s ease-in-out .2s}.projectcard-description{letter-spacing:.5px;color:#f2f2f299}.projectcard-company{color:#eee}.projectcard-image{border-radius:10px;width:90%;height:auto;margin-left:auto;margin-right:auto;margin-top:auto;transform:translateY(50px);box-shadow:0 40px 50px 10px #00000040;transition:all .5s ease-in-out}.project-window .project:hover .projectcard-image{box-shadow:0 40px 50px 10px #00000080;transform:translateY(10px);transition:all .5s ease-in-out}@media screen and (max-width: 768px){.project-window .project{margin:1vw;padding:5.5vw 5vw 0}.project .title{font-size:2.7vw}.projectcard-heading{margin-bottom:5vw}.project .title>img{width:3.7vw;margin-right:2vw}.project-window .project:hover .title>img{margin-right:1vw}.projectcard-description{font-size:2.4vw}}@media screen and (max-width: 480px){.project-window{margin:4vw 2vw}.project-window .project{padding:6vw 6vw 0}.radial-bg-effect{opacity:1}.project .title{font-size:4vw}.project .title>img{width:6vw;margin-right:3vw}.projectcard-description{font-size:3.5vw}.projectcard-image{width:100%;border-radius:4px;box-shadow:0 40px 50px 10px #00000080;transform:translateY(20px)}}footer{display:flex;color:#eee;letter-spacing:1px;padding:5rem;justify-content:space-around;border-top:solid 1px rgb(100,100,100)}.left,.right{display:flex;flex-direction:column;gap:20px}.footer-title{font-size:20px}.footer-links{display:flex;flex-direction:column;gap:5px}.footer-link{font-family:Neue Montreal Book;font-size:15px;text-decoration:none;color:#eee}.footer-link:hover{text-decoration:underline}@font-face{font-family:Neue Montreal Bold;src:url(/assets/PPNeueMontreal-Bold-eYoqcLYb.otf),format("opentype");font-display:block}@font-face{font-family:Neue Montreal Book;src:url(/assets/PPNeueMontreal-Book-DWrvOlKa.otf),format("opentype");font-display:block}@font-face{font-family:Neue Montreal Medium;src:url(/assets/PPNeueMontreal-Medium-Bc1YMBzw.otf),format("opentype");font-display:block}@font-face{font-family:Neue Montreal Thin;src:url(/assets/PPNeueMontreal-Thin-XYPwWDmP.otf),format("opentype");font-display:block}*{margin:0;padding:0;cursor:none}body{font-family:Neue Montreal Medium;background-color:#111;overflow-x:hidden;overflow-y:scroll}.app{width:100vw;height:100vh}nav{position:fixed;top:0;left:0;right:0;width:100%;display:flex;justify-content:space-between;align-items:center;z-index:2}main{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:10rem}section{background-color:#111;display:flex;flex-direction:column;align-items:center}.cursor{position:absolute;z-index:3;width:10px;height:10px;border-radius:50%;pointer-events:none;mix-blend-mode:difference;opacity:0;background-color:#fff;box-shadow:0 0 10px #fff;transition:transform .2s ease-in-out,opacity .2s ease-in-out}.glare-top{height:1px;background-image:linear-gradient(to right,#0000 5%,#fffc 35%,#fff,#fffc 65%,#0000 95%);position:absolute;margin:-1px;top:0;left:0;right:0}.glare-bottom{height:1px;background-image:linear-gradient(to right,#0000 5%,#fffc 35%,#fff,#fffc 65%,#0000 95%);position:absolute;margin:-1px;left:0;right:0;bottom:0;opacity:.7}.fade-out{position:absolute;top:0;left:0;background:linear-gradient(#0000 60%,#111 80%);height:100%;width:100%;pointer-events:none}.fade-in{position:absolute;top:0;left:0;background:linear-gradient(#111,#1110);height:150%;width:100%;pointer-events:none;z-index:-1}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;animation:fade-out 3.1s ease-in-out infinite}.loading-text{font-size:1.3rem;margin-bottom:.2rem}.loading-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:#fff;border-radius:5px;animation:loading-line 2.01s ease-in-out infinite}@keyframes loading-line{0%{left:0;right:100%}20%{left:0;right:40%}70%{left:0;right:20%}90%{left:0;right:0%}to{left:0;right:0}}@keyframes fade-out{0%{opacity:1}90%{opacity:1}to{opacity:0}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#222}::selection{background:#ffffff1a}