@font-face{font-family:JetBrainsMono;src:local("JetBrainsMono"),url(/assets/JetBrainsMonoNerdFontMono-Regular-0xjJCvaM.ttf) format("opentype")}@font-face{font-family:JetBrainsMonoBold;src:local("JetBrainsMono"),url(/assets/JetBrainsMonoNerdFont-ExtraBold-BFChosDh.ttf) format("opentype")}*,*:before,*:after{margin:0;padding:0;font-family:JetBrainsMono;scroll-behavior:smooth;scroll-padding-top:80px}body{background-image:linear-gradient(#000,#131535)}h1{font-family:JetBrainsMonoBold;padding-bottom:20px}.background-canvas-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;transition:opacity 2s ease-in-out}.background-canvas-wrapper.fade-in{opacity:1}.background-canvas{width:100%;height:100%}.canvas-container{top:0;left:0;margin-left:auto;margin-right:auto;position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;color:#fff;overflow:hidden;opacity:0;transition:opacity 2s ease-in-out;z-index:1}.canvas-container.fade-in{opacity:1}.about-section{position:relative;z-index:1}.canvas{width:100%;height:100%}.landing{z-index:10;position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.greeting{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:left}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:20}.navbar{display:flex;width:100%;height:30px;top:0;align-items:center;justify-content:center;padding-bottom:20px;padding-top:20px;text-decoration:none;position:fixed;z-index:11;background-color:transparent;transition:background-color .5s ease;color:#fff}.navbar.scrolled{background-color:#090813e6}.nav-menu{align-content:center;display:flex;align-items:center;list-style:none;gap:60px;font-size:20px;transition:all .3s ease}.nav-menu.active{display:flex}.nav-menu li{color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.nav-menu a{align-items:center;justify-content:center;padding:5px 20px;width:100%;height:100%;display:flex;text-decoration:none;border-style:solid;border-color:#fff;border-width:2px;color:#fff}.nav-menu li:hover{background-color:#fff;-webkit-transition:background-color 1s linear;-ms-transition:background-color 1s linear;transition:background-color 1s linear;-webkit-transition:color .1s linear;-ms-transition:color .1s linear;transition:color .1s linear}.nav-menu li:hover a{color:#000}.nav-menu li.active{background:linear-gradient(135deg,#2ce6ff,#8442ff)}.nav-menu li.active a{border-color:transparent;font-weight:700}.hamburger{display:none;flex-direction:column;justify-content:space-around;align-items:center;width:30px;height:30px;cursor:pointer}.hamburger .bar{width:30px;height:3px;background-color:#fff;border-radius:10px;transition:all .3s ease}.hamburger .bar.active:nth-child(1){transform:rotate(45deg) translate(5px,9px)}.hamburger .bar.active:nth-child(2){opacity:0}.hamburger .bar.active:nth-child(3){transform:rotate(-45deg) translate(5px,-9px)}@media screen and (max-width:1200px){.nav-menu{position:absolute;top:80px;left:20px;background-color:#090813f2;flex-direction:column;align-items:last baseline;gap:5px;padding:10px;border:3px solid rgb(255,255,255);outline:white;box-shadow:0 4px 12px #00000080;opacity:0;max-height:0;overflow:hidden;transition:opacity .3s ease,max-height .3s ease}.nav-menu.active{opacity:1;max-height:350px}.hamburger{display:flex;position:absolute;left:20px;top:20px}.nav-menu a{background-color:#000}.nav-menu a:hover{background-color:#fff}.nav-menu li.active a{background:linear-gradient(135deg,#2ce6ff,#8442ff);color:#fff;font-weight:700}.nav-menu li.active a:hover{color:#000}}.footer{background-color:#0d0d14;text-align:center;padding:50px;color:#fff}