*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font)}body,html{width:100vw;overflow-x:hidden;height:100vh}section:before{background-attachment:fixed}.app-container{background-color:rgba(var(--bg-color-rgb),.5);display:flex;flex-direction:column;height:100%;width:100%}.app-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--bg);z-index:-1;background-position:50% 50%;background-size:127.5% 100%;animation:bgRevealDown 1s cubic-bezier(.3,0,.2,1) forwards;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}.app-content{flex:1 1;margin-top:-1.5vh;width:100%;transition:padding-top .3s ease}body.navbar-mobile-active .app-content{padding-top:clamp(86px,15vh,140px)}:root{--page-anim:0.3s popIn cubic-bezier(0.2,0,0.32,1) forwards;--mainpage-bg:url(/mainpage/backgrounddark.webp);--imagepage-bg:url(/imagepage/bgdark.webp);--mediapage-bg:url(/mediapage/bgdark.webp);--docpage-bg:url(/docpage/bgdark.webp);--bg:url(/bgdark.webp);--bg-color:rgb(0,0,0);--bg-color-rgb:0,0,0;--text-color:white;--note-color:rgb(196,196,196);--text-color-rgb:255,255,255;--invert-text-color:rgb(0,0,0);--invert-color-reverse:1;--base-gradient:linear-gradient(90deg,rgb(158,86,246),rgb(243,64,124),rgb(238,89,63),rgb(232,101,210),rgb(81,201,123),rgb(158,86,246));--light-hover-gradient:linear-gradient(270deg,rgba(184,66,147,0.7),rgba(184,83,217,0.7));--navbar-radial-bordercolor:linear-gradient(45deg,#ef594e,rgb(146,64,228));--text-shadow-color-rgb:255,245,245;--title-text-color:#fffdff;--contentborder-color-rgb:245,245,245;--border-color-rgb:160,74,174;--secondary-color-rgb:200,90,180;--subtle-glow-rgb:158,85,234;--subtle-glow-rgb-2:210,75,140;--hover-state-rgb:184,66,160;--highlight-rgb:184,94,217;--attention-color-rgb:238,65,65}.dark{--mainpage-bg:url(/mainpage/backgrounddark.webp)!important;--imagepage-bg:url(/imagepage/bgdark.webp)!important;--mediapage-bg:url(/mediapage/bgdark.webp)!important;--docpage-bg:url(/docpage/bgdark.webp)!important;--bg:url(/bgdark.webp)!important;--bg-color:rgb(0,0,0)!important;--bg-color-rgb:0,0,0!important;--text-color:white!important;--text-color-rgb:255,255,255!important;--note-color:rgb(196,196,196)!important;--invert-text-color:rgb(0,0,0)!important;--invert-color-reverse:1!important;--base-gradient:linear-gradient(90deg,rgb(158,86,246),rgb(243,64,124),rgb(238,89,63),rgb(232,101,210),rgb(81,201,123),rgb(158,86,246));--light-hover-gradient:linear-gradient(270deg,rgba(184,66,147,0.7),rgba(184,83,217,0.7))!important;--navbar-radial-bordercolor:linear-gradient(135deg,#ef594e,rgb(146,64,228))!important;--text-shadow-color-rgb:255,245,245!important;--title-text-color:#fffdff!important;--contentborder-color-rgb:245,245,245;--border-color-rgb:160,74,174;--secondary-color-rgb:200,90,180;--subtle-glow-rgb:158,85,234;--subtle-glow-rgb-2:210,75,140;--hover-state-rgb:184,66,160;--highlight-rgb:184,94,217;--attention-color-rgb:238,65,65}.light{--mainpage-bg:url(/mainpage/backgroundlight.webp)!important;--imagepage-bg:url(/imagepage/bg.webp)!important;--mediapage-bg:url(/mediapage/bg.webp)!important;--docpage-bg:url(/docpage/bg.webp)!important;--bg:url(/bg.webp)!important;--bg-color:#ffffff!important;--bg-color-rgb:255,255,255!important;--text-color:#000000!important;--invert-text-color:rgb(255,255,255)!important;--note-color:rgb(101,101,101)!important;--text-color-rgb:0,0,0!important;--invert-color-reverse:0!important;--invert-color:1!important;--base-gradient:linear-gradient(90deg,rgb(168,124,249),rgb(250,110,168),rgb(255,141,70),rgb(255,200,110),rgb(49,197,205),rgb(168,124,249));--light-hover-gradient:linear-gradient(270deg,rgba(224,134,246,0.5),rgba(255,141,70,0.5))!important;--navbar-radial-bordercolor:linear-gradient(90deg,#f571b1,#c396f7)!important;--text-shadow-color-rgb:26,5,26!important;--title-text-color:#242126!important;--contentborder-color-rgb:35,35,25;--border-color-rgb:210,156,255;--secondary-color-rgb:240,134,246;--subtle-glow-rgb:168,98,248;--subtle-glow-rgb-2:250,140,180;--hover-state-rgb:240,131,220;--highlight-rgb:156,124,250;--attention-color-rgb:255,80,100}@keyframes popIn{0%{opacity:0;transform:scale(.98) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes bgRevealDown{0%{opacity:.05;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}to{opacity:.3;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@media (max-width:768px),(orientation:portrait){.app-container{position:relative}html.dark,html.dark body{--bg:url(/bgmobiledark.webp)!important}html.light,html.light body{--bg:url(/bgmobile.webp)!important}.app-container:before{background-image:var(--bg)!important;background-size:cover!important}}@font-face{font-family:Lexend;font-style:normal;font-weight:100;font-display:swap;src:url(/_next/static/media/630e0b819503bca7-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Lexend;font-style:normal;font-weight:100;font-display:swap;src:url(/_next/static/media/6a1a9d784472a388-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Lexend;font-style:normal;font-weight:100;font-display:swap;src:url(/_next/static/media/84455f2b5a591033-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lexend;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/630e0b819503bca7-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Lexend;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/6a1a9d784472a388-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Lexend;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/84455f2b5a591033-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lexend;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/630e0b819503bca7-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Lexend;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/6a1a9d784472a388-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Lexend;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/84455f2b5a591033-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lexend;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/630e0b819503bca7-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Lexend;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/6a1a9d784472a388-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Lexend;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/84455f2b5a591033-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lexend;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/630e0b819503bca7-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Lexend;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/6a1a9d784472a388-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Lexend;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/84455f2b5a591033-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lexend;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/630e0b819503bca7-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Lexend;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/6a1a9d784472a388-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Lexend;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/84455f2b5a591033-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lexend;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/630e0b819503bca7-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Lexend;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/6a1a9d784472a388-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Lexend;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/84455f2b5a591033-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lexend;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/630e0b819503bca7-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Lexend;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/6a1a9d784472a388-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Lexend;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/84455f2b5a591033-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lexend;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/630e0b819503bca7-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Lexend;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/6a1a9d784472a388-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Lexend;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/84455f2b5a591033-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lexend Fallback;src:local("Arial");ascent-override:90.98%;descent-override:22.74%;line-gap-override:0.00%;size-adjust:109.91%}.__className_6a2b08{font-family:Lexend,Lexend Fallback;font-style:normal}.navbar{height:auto;margin:1.5vh 10%;flex-wrap:nowrap;z-index:1;background:transparent;transform:translateZ(0);border:none}.nav-menu,.navbar{display:flex;align-items:center;gap:calc(2vh + 5vw);justify-content:space-between;padding:0}.nav-menu{flex-direction:row;text-align:center;list-style:none;width:100%;font-size:clamp(.9rem,calc(.5rem + .9vw),2rem);margin:0;opacity:0;transform:translateY(-30px);animation:fadeInTop .4s ease-in-out forwards;will-change:opacity,transform;-webkit-font-smoothing:antialiased}.avatar-wrapper{animation:fadeInTop .3s ease-in-out .1s forwards;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.avatar{animation:rotater .3s ease-out 1.2s forwards}.nav-menu .pop-up:first-child li{animation:fadeInTop .2s ease-in-out .2s forwards}.nav-menu .pop-up:nth-child(2) li{animation:fadeInTop .2s ease-in-out .3s forwards}.nav-menu .pop-up:nth-child(3) li{animation:fadeInTop .2s ease-in-out .4s forwards}.nav-menu .pop-up:nth-child(4) li{animation:fadeInTop .2s ease-in-out .5s forwards}.nav-menu .pop-up:nth-child(5) li{animation:fadeInTop .2s ease-in-out .6s forwards}.nav-menu .pop-up:nth-child(6) li{animation:fadeInTop .2s ease-in-out .7s forwards}@keyframes fadeInTop{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0) translateZ(0)}}@keyframes rotater{0%{transform:rotate(0deg)}to{transform:rotate(40deg)}}.nav-menu li{position:relative;cursor:pointer;transition:.2s ease;opacity:0;transform:translateX(-20px) translateZ(0);will-change:transform,opacity}.nav-menu li a{text-decoration:none;color:inherit;transition:color .25s ease}.nav-menu li:after{content:"";position:absolute;bottom:-5px;left:50%;width:0;height:2px;background:var(--text-color);transform:translateX(-50%);transition:.3s ease;border-radius:12px}.nav-menu li.onpage:after{width:15%;color:var(--text-color)}.nav-menu li.onpage a{text-shadow:0 0 2px rgba(var(--text-shadow-color-rgb),.5);font-weight:400}.pop-up{transition:all .3s ease}.pop-up:hover{transform:scale(1.05) translateY(-3px)}.pop-up:active{opacity:1;transform:scale(1) translateY(5px)}.nav-menu li:hover{text-shadow:0 0 20px rgba(255,255,255,.8)}.nav-menu li:hover:after{width:100%}.nav-switch-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;animation:fadeInTop .2s ease-in-out .8s forwards;opacity:0}.toggle-switch{border-radius:48px;--container-width:clamp(60px,calc(6vw + 4vh),320px);--container-height:clamp(40px,calc(4vh + 2vw),52px);position:relative;width:var(--container-width);height:var(--container-height);--light:rgba(245,245,242,0.9);--dark:rgb(24,23,25,0.9)}.switch-label{position:absolute;width:100%;height:100%;background-color:var(--dark);border-radius:48px;border:2px solid;background:radial-gradient(circle,white 1px,transparent 0) no-repeat 5px 0,radial-gradient(circle,white 1px,transparent 0) no-repeat 10px 15px,radial-gradient(circle,white 1px,transparent 0) no-repeat -20px -10px,radial-gradient(circle,white 1px,transparent 0) no-repeat 30px 5px,radial-gradient(circle,white 1px,transparent 0) no-repeat -10px 15px,radial-gradient(circle,white 1px,transparent 0) no-repeat 0 -15px,radial-gradient(circle,white 1px,transparent 0) no-repeat 35px -15px;cursor:pointer}.checkbox{position:absolute;display:none}.slider:hover{box-shadow:0 0 10px var(--text-color)}.slider{position:absolute;width:100%;height:100%;border-radius:24px;transition:.3s}.checkbox:checked~.slider{background-color:var(--light)}.slider:before{content:"";position:absolute;top:50%;left:10px;width:clamp(20px,calc(2vw + 1vh),25px);height:clamp(20px,calc(2vw + 1vh),25px);transform:translateY(-50%);border-radius:50%;box-shadow:inset 12px -4px 0 0 var(--light);background-color:var(--dark);transition:.3s ease}.checkbox:checked~.slider:before{transform:translateX(calc(var(--container-width) - 45px)) translateY(-50%);background:var(--navbar-radial-bordercolor);box-shadow:0 0 4px rgb(255,225,169);animation:sunRays 2s forwards}@keyframes sunRays{0%{box-shadow:0 0 4px rgb(255,203,105)}to{box-shadow:0 0 20px rgb(255,180,114)}}.avatar{width:100%;padding:20%;object-fit:cover;display:block;position:relative;z-index:2;cursor:pointer;filter:invert(var(--invert-color,0));image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transition:filter .2s ease}.avatar-wrapper{opacity:0;width:clamp(64px,calc(4vw + 4vh),100px);aspect-ratio:1;border-radius:50%;background:transparent;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;justify-content:center;align-items:center}.avatar-wrapper:after{content:"";position:absolute;inset:0;border-radius:inherit;background:conic-gradient(rgba(255,255,255,0) 0,rgb(255,255,255) 10%,rgba(255,255,255,0) 25%);animation:rotate360 2s cubic-bezier(.2,.8,1,.1) infinite;pointer-events:none;opacity:0;transition:opacity .2s ease-in;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-mask:radial-gradient(circle,transparent 60%,black 70%);mask:radial-gradient(circle,transparent 60%,black 70%)}.avatar-wrapper:hover:after{opacity:1}@keyframes rotate360{0%{transform:rotate(0deg) translateZ(0)}to{transform:rotate(1turn) translateZ(0)}}.avatar-wrapper:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:4px;background:var(--navbar-radial-bordercolor);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.avatar-hovanimate{transition:.25s ease}.avatar-hovanimate:hover{transform:scale(1.1)}.avatar-hovanimate:active{transform:scale(1)}@keyframes dimBehind{0%{opacity:0}to{opacity:1}}@media (max-width:768px),(orientation:portrait){.navbar{position:static;display:flex;flex-direction:column;align-items:center;margin:2vh 5%;height:auto;max-height:100vh;scroll-behavior:smooth;row-gap:0;z-index:2;pointer-events:auto;transform:translateZ(0);&::-webkit-scrollbar{display:none}-ms-overflow-style:none;scrollbar-width:none}.navbar.active{opacity:1;position:fixed;top:0;left:0;right:0;gap:5vh;margin:0;padding:2vh 5%;overflow-y:scroll}.mobile-overlay{display:none;position:fixed;inset:0;opacity:0;background:var(--bg-color);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:2;will-change:opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}.mobile-overlay.active{opacity:1;display:flex;flex-direction:column;animation:dimBehind .3s ease forwards}.navbar:before{display:none}.avatar-wrapper{width:clamp(48px,calc(12vh + 2vw),128px);aspect-ratio:1;position:relative}.nav-menu,.nav-switch-wrapper{display:none;width:100%;flex-direction:column;align-items:center;position:relative}.nav-menu{gap:5vh}.nav-menu.active,.nav-switch-wrapper.active{display:flex;transform:translateY(0);margin:10px 0}.nav-menu .pop-up li{opacity:0;transform:none;animation:none}.nav-menu .pop-up:first-child li{animation:mobileMenuItemIn .2s ease-in-out .1s forwards}.nav-menu .pop-up:nth-child(2) li{animation:mobileMenuItemIn .2s ease-in-out .2s forwards}.nav-menu .pop-up:nth-child(3) li{animation:mobileMenuItemIn .2s ease-in-out .3s forwards}.nav-menu .pop-up:nth-child(4) li{animation:mobileMenuItemIn .2s ease-in-out .4s forwards}.nav-menu .pop-up:nth-child(5) li{animation:mobileMenuItemIn .2s ease-in-out .5s forwards}.nav-menu .pop-up:nth-child(6) li{animation:mobileMenuItemIn .2s ease-in-out .6s forwards}.nav-switch-wrapper{opacity:0;animation:mobileMenuItemIn .3s ease-out .7s forwards}.nav-menu li{font-size:clamp(1rem,3vh,2rem);width:100%;transform:none;will-change:transform,opacity}.nav-menu li.onpage:after{width:15%;height:2px}.nav-menu li.onpage{text-shadow:0 0 10px rgba(204,100,244,.7)}.toggle-switch{border-radius:72px;--container-width:clamp(100px,calc(10vh + 6vw),320px);--container-height:clamp(44px,calc(6vh + 2vw),56px)}}@keyframes mobileMenuItemIn{0%{opacity:0;transform:translateX(-5px) translateY(-10px)}to{opacity:1;transform:translateY(0) translateX(0)}}