@font-face{font-family:Mona Sans;font-stretch:75% 125%;font-weight:200 900;src:url(/fonts/Mona-Sans.woff2) format("woff2 supports variations"),url(/fonts/Mona-Sans.woff2) format("woff2-variations")}:root{background-color:#16161d;color:#dcd7ba;font-family:Mona Sans,Arial,sans-serif;font-size:22px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-stretch:100%;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}a{position:relative;color:#dcd7ba;text-decoration:none;transition:color .3s ease}a:after{position:absolute;bottom:-2px;left:0;display:block;width:0;height:2px;background-color:#dcd7ba;content:"";transition:width .3s ease}a:hover:after{width:100%}body{height:100vh;margin:0}body:has(menu:not(.hidden)){overflow:hidden}li{width:fit-content}menu{position:absolute;z-index:2;top:0;left:0;display:flex;width:100vw;height:100vh;flex-direction:column;align-items:center;justify-content:space-evenly;padding:0;margin:0;background-color:#16161d}section{padding:32px;border:1px solid rgb(220 215 186 / 10%);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#dcd7ba05;margin-block:48px;transition:all .3s ease}section:hover{border-color:#dcd7ba33;background-color:#dcd7ba0a;box-shadow:0 8px 32px #dcd7ba05;transform:translateY(-2px)}a svg{width:64px;color:#dcd7ba}a:hover svg{transform:translateY(-2px)}#open-menu-button{position:absolute;z-index:1;top:72px;right:72px;width:72px;height:72px;border:2px solid #dcd7ba;border-radius:36px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}#open-menu-button:hover{top:60px;right:60px;width:96px;height:96px;border-radius:48px;background-color:#dcd7ba;transition:all .3s cubic-bezier(.4,0,.2,1)}#close-menu-button{position:absolute;top:72px;right:72px;width:72px;height:72px;cursor:pointer;transition:transform .3s ease}#close-menu-button:hover{transform:rotate(90deg)}#close-menu-button span{position:absolute;left:36px;width:4px;height:72px;border-radius:2px;background-color:#dcd7ba}#close-menu-button span:first-child{transform:rotate(45deg)}#close-menu-button span:last-child{transform:rotate(-45deg)}.navigation-button{border:none;background:none;cursor:pointer;transition:all .3s ease}.navigation-button[data-page=home]{background:linear-gradient(135deg,#98bb6c,#7aa89f,#7fb4ca);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 16px rgb(122 168 159 / 20%));-webkit-text-fill-color:transparent}.navigation-button[data-page=about]{background:linear-gradient(135deg,#957fb8,#ffa066,#ff9e3b);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 16px rgb(255 160 102 / 20%));-webkit-text-fill-color:transparent}.navigation-button[data-page=contact]{background:linear-gradient(135deg,#e46876,#d27e99,#7e9cd8);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 16px rgb(210 126 153 / 20%));-webkit-text-fill-color:transparent}.navigation-button:hover{transform:scale(1.05)}.navigation-button[data-page=home]:after{background:linear-gradient(90deg,transparent,#98bb6c,#7aa89f,#7fb4ca,transparent)}.navigation-button[data-page=about]:after{background:linear-gradient(90deg,transparent,#957fb8,#ffa066,#ff9e3b,transparent)}.navigation-button[data-page=contact]:after{background:linear-gradient(90deg,transparent,#e46876,#d27e99,#7e9cd8,transparent)}.navigation-button:after{display:block;width:0;height:2px;margin:0 auto;content:"";transition:width .3s ease}.navigation-button:hover:after{width:100%}#animation-layer{position:absolute;top:0;left:0;overflow:hidden;width:100vw;height:100vh}#app{height:100%}#content{height:100%;overflow-y:auto}#wrapper{margin-inline:72px}.big-font{font-family:Mona Sans,Arial,sans-serif;font-size:80px;font-stretch:125%;font-weight:900;text-transform:uppercase}.hidden{display:none!important}.icon-group{display:flex;gap:24px}.page{max-width:992px;margin-block:192px 0;margin-inline:auto;text-align:justify}.page h1:first-child{padding-bottom:24px;letter-spacing:.02em}.page h1:first-child:after{display:block;width:100%;height:8px;border-radius:4px;content:""}.bullet{display:inline-block;width:1rem;height:1rem;border-radius:4px;background-color:#dcd7ba;margin-inline-end:.8rem;transform:rotate(45deg);transition:background-color 2s;vertical-align:middle}.page-footer{position:relative;min-height:150px;padding-top:48px;margin-block-end:48px;margin-block-start:144px;text-align:center}.footer-spots{position:absolute;top:-50%;left:0;width:100%;height:100%}.spot{position:absolute;border-radius:50%;filter:blur(8px);opacity:.4}.footer-line{width:100%;height:2px;border-radius:1px;margin-bottom:32px;opacity:.6}.page-footer p{font-size:.85rem;letter-spacing:.05rem}#home h1:first-child{background:linear-gradient(135deg,#98bb6c,#7aa89f,#7fb4ca);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 16px rgb(122 168 159 / 20%));-webkit-text-fill-color:transparent}#home a:after,#home h1:first-child:after{background-image:linear-gradient(90deg,#7fb4ca,#7aa89f,#98bb6c 75%)}#home .footer-line{background:linear-gradient(90deg,transparent 0%,#98bb6c 25%,#7aa89f 50%,#7fb4ca 75%,transparent 100%)}#home .spot-1,#home .spot-4,#home .spot-7,#home .spot-10{background-color:#98bb6c}#home .spot-2,#home .spot-5,#home .spot-8,#home .spot-11{background-color:#7aa89f}#home .spot-3,#home .spot-6,#home .spot-9,#home .spot-12{background-color:#7fb4ca}#home svg{border-radius:8px;background-color:#dcd7ba;color:#16161d}#about h1:first-child{background:linear-gradient(135deg,#957fb8,#ffa066,#ff9e3b);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 16px rgb(122 168 159 / 20%));-webkit-text-fill-color:transparent}#about a:after,#about h1:first-child:after{background-image:linear-gradient(90deg,#ff9e3b,#ffa066,#957fb8 75%)}#about .footer-line{background:linear-gradient(90deg,transparent 0%,#957fb8 25%,#ffa066 50%,#ff9e3b 75%,transparent 100%)}#about .spot-1,#about .spot-4,#about .spot-7,#about .spot-10{background-color:#ff9e3b}#about .spot-2,#about .spot-5,#about .spot-8,#about .spot-11{background-color:#ffa066}#about .spot-3,#about .spot-6,#about .spot-9,#about .spot-12{background-color:#957fb8}#contact h1:first-child{background:linear-gradient(135deg,#e46876,#d27e99,#7e9cd8);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 16px rgb(122 168 159 / 20%));-webkit-text-fill-color:transparent}#contact a:after,#contact h1:first-child:after{background-image:linear-gradient(90deg,#7e9cd8,#d27e99,#e46876 75%)}#contact .footer-line{background:linear-gradient(90deg,transparent 0%,#e46876 25%,#d27e99 50%,#7e9cd8 75%,transparent 100%)}#contact .spot-1,#contact .spot-4,#contact .spot-7,#contact .spot-10{background-color:#e46876}#contact .spot-2,#contact .spot-5,#contact .spot-8,#contact .spot-11{background-color:#d27e99}#contact .spot-3,#contact .spot-6,#contact .spot-9,#contact .spot-12{background-color:#7e9cd8}#contact section{display:flex;height:50vh;align-items:center;justify-content:center}@media(max-width:992px){:root{font-size:21px}#wrapper{margin-inline:60px}.big-font{font-size:70px}}@media(max-width:768px){:root{font-size:20px}#wrapper{margin-inline:48px}.big-font{font-size:60px}}@media(max-width:576px){:root{font-size:19px}#wrapper{margin-inline:36px}.big-font{font-size:45px}}