@font-face{font-family:Glockenspiel;src:url("/static/fonts/lt-glockenspiel-black.ce09c5ba2c04.woff2") format('woff2'),url("/static/fonts/lt-glockenspiel-black.13e9f0cb6a17.woff") format('woff');font-style:normal;font-display:block}@font-face{font-family:'Emberly Extra Bold Narrow';src:url('/static/fonts/Emberly-ExtraBoldNarrow.woff2') format('woff2'),url('/static/fonts/Emberly-ExtraBoldNarrow.woff') format('woff');font-weight:bold;font-style:normal;font-display:block}@font-face{font-family:'Molot';src:url("/static/fonts/molot-webfont.1c5722797f7c.woff2") format('woff2'),url("/static/fonts/molot-webfont.014768999a1b.woff") format('woff');font-weight:bold;font-display:block}:root{--nav-font:'Emberly Extra Bold Narrow',"Glockenspiel",Impact,Palatino,ui-system,sans-serif;--blur-glass:12px;--box-glass:0 8px 32px 0 rgba(0,0,0,0.8);--background-glass:#000000;--nav-hover-color:#ffffff;--border-glass:1px solid rgba(255,255,255,0.15)}.nav-header{width:100%;height:fit-content;position:relative;z-index:100000}.header-container{overflow:visible;position:relative;display:flex;justify-content:center;font-family:var(--nav-font)}.nav-tag-wrapper{height:100%;overflow:hidden;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;position:relative;background:transparent}.nav-tag-wrapper-bg{position:absolute;inset:0;height:100%;width:100%;overflow:hidden;background:var(--background-glass);box-shadow:var(--box-glass);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:var(--border-glass);border-top:none;border-radius:0 0 1.5em 1.5em;padding:0.5rem 1rem;z-index:-1;pointer-events:none}.nav-tag-wrapper-bg::before,.nav-tag-wrapper-bg::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none}.nav-tag{flex:1;letter-spacing:-.5px;color:white;width:100%;height:100%}.nav-tag ul{padding:0;margin:0;height:100%;width:100%;display:flex}.top-name-blog{display:flex;flex:1;filter:drop-shadow(-0.1rem 0.0rem 0.08rem #c22175) drop-shadow(0.0rem -0.1rem 0.1rem rgba(0,247,255,0.81)) drop-shadow(0.0rem 0.1rem 0.02rem #e33601) contrast(200%)}.top-name-blog,.mobile-name-blog-wrapper{justify-content:center;gap:2px;align-items:start;font-family:'Molot',Impact,ui-system,sans-serif;vertical-align:bottom}aside.user-box{cursor:pointer;position:absolute;flex-direction:column;flex-wrap:wrap;align-content:center;justify-content:center;text-wrap:pretty;height:calc(3vw + 2vh);min-height:3rem;z-index:1;color:white;text-align:center;border-radius:0 1rem 1rem 0;background:#000000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-left:none;width:auto;max-width:14em;left:0;padding:0 1.5rem 0 1rem;transition:all 0.3s ease}aside.user-box:hover{background:#111111;border-color:rgba(255,255,255,0.4);box-shadow:0 0 15px rgba(255,255,255,0.1)}aside.user-box::after{display:none}aside.user-box>div.user-auth-wrapper{width:100%;padding:0.2rem}aside.user-box>div.user-auth-wrapper>p{margin:0;font-family:var(--nav-font);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:1.2;opacity:0.9}.container-info-contact{width:85vw;height:80vh;border-radius:2rem;position:absolute;z-index:10;left:7.5vw;top:10vh;scale:0.1;display:none;font-family:var(--nav-font);transform:translate3d(0,0,0);background-color:rgba(0,0,0,0.801);transition:scale 0.5s cubic-bezier(0.19,1,0.22,1)}.container-info-contact.visible{scale:1}.mobile-nav-container{position:fixed;top:0;right:-100%;width:80%;height:60%;min-height:30rem;z-index:10000000!important;visibility:hidden;transition:right 0.5s cubic-bezier(0.16,1,0.3,1),visibility 0s 0.5s;overflow:hidden;border-radius:0 0 0 3em}.mobile-nav-container.active{right:0;visibility:visible;transition:right 0.5s cubic-bezier(0.16,1,0.3,1),visibility 0s}.mobile-nav-wrapper{position:absolute;top:0;right:-100%;width:100%;height:100%;background:#000000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:right 0.4s ease-out;border-left:1px solid rgba(255,255,255,0.2);overflow:hidden}.mobile-nav-wrapper::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(30,30,35,0.2) 0%,transparent 80%);pointer-events:none}.mobile-nav-wrapper::after{display:none}.mobile-nav-container.active .mobile-nav-wrapper{right:0;box-shadow:-10px 0 30px rgba(0,0,0,0.3)}.mobile-nav-content{padding:2rem;height:100%;display:flex;flex-direction:column;position:relative}.mobile-nav-content::before{display:none}.mobile-nav-header{display:block;margin-bottom:3rem;position:relative}.mobile-nav-header::after{content:'';position:absolute;bottom:-1.5rem;left:0;width:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);animation:lineExpand 1s 0.8s forwards}.nav-home{grid-area:a}.nav-blog{grid-area:c}.nav-contact{grid-area:e}.nav-pixels{grid-area:d}.nav-user{grid-area:f}.close-mobile-nav{grid-area:b;color:white;cursor:pointer;width:2rem;height:2rem;position:relative;transition:transform 0.3s ease;transform-origin:center;align-self:start;justify-self:flex-end}.close-mobile-nav::before,.close-mobile-nav::after{content:'';position:absolute;width:100%;height:2px;top:50%;left:0;background:white;transform-origin:center;transition:all 0.3s ease}.close-mobile-nav::before{transform:translateY(-50%) rotate(45deg) scaleX(0);animation:crossIn 0.4s 0.6s forwards}.close-mobile-nav::after{transform:translateY(-50%) rotate(-45deg) scaleX(0);animation:crossIn 0.4s 0.7s forwards}.close-mobile-nav:hover::before,.close-mobile-nav:hover::after{background:linear-gradient(90deg,#c22175,rgba(0,247,255,0.9),#e33601)}.mobile-nav-links{display:grid;grid-template-areas:"a b" "c b" "d b" "e b" "f f";gap:1.2rem;margin-top:1rem;position:relative}#nav1 ul li,#nav2 ul li{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;position:relative}#nav1 ul li a,#nav2 ul li a,#nav2 ul li button{display:flex;flex-direction:row;flex-wrap:nowrap;text-decoration:none;padding:0.4em clamp(0.4em,1vw,0.8em);height:100%;color:var(--nav-text-color);text-shadow:0 0 8px rgba(255,255,255,0.4);position:relative;transition:all var(--animation-speed) cubic-bezier(0.16,1,0.3,1);overflow:hidden;border-radius:0.5em}#nav1 ul li a::before,#nav2 ul li a::before,#nav2 ul li button::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.05);transform:translateY(100%);transition:transform 0.3s ease;z-index:-1;border-radius:0.5em}#nav1 ul li a:hover::before,#nav2 ul li a:hover::before,#nav2 ul li button:hover::before{transform:translateY(0)}#nav1 ul li a span,#nav2 ul li a span,#nav2 ul li button span{display:flex;align-items:center;height:100%;font-family:var(--font-nav);user-select:none;transform-origin:center;transition:transform 0.2s ease,color 0.2s ease,text-shadow 0.3s ease}#nav1 ul li a:hover span,#nav2 ul li a:hover span,#nav2 ul li button:hover span{color:var(--nav-hover-color);text-shadow:0 0 10px rgba(0,247,255,0.5)}#nav1 ul li a:active,#nav2 ul li a:active,#nav2 ul li button:active{background-color:rgba(19,244,177,0.2)}#nav1 ul li a:active span,#nav2 ul li a:active span,#nav2 ul li button:active span{color:var(--nav-active-color)}#nav2 ul li button{background-color:transparent;border:none;padding:0.5em 0.8em;margin:0;font-family:var(--font-nav);cursor:pointer;font-size:large;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}#nav2 ul li button:focus{outline:none;box-shadow:0 0 0 2px var(--nav-active-color)}.mobile-nav-link{display:flex;align-items:center;gap:1rem;padding:0.8rem 1rem;color:white;text-decoration:none;font-family:var(--nav-font);font-size:1.3rem;position:relative;overflow:hidden;border-radius:0.5rem;transform:translateX(50px);opacity:0;transition:all 0.5s cubic-bezier(0.22,1,0.36,1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:rgba(255,255,255,0.03)}.mobile-nav-container.active .mobile-nav-link{transform:translateX(0);opacity:1}.mobile-nav-container.active .mobile-nav-link:nth-child(2){transition-delay:0.3s}.mobile-nav-container.active .mobile-nav-link:nth-child(3){transition-delay:0.4s}.mobile-nav-container.active .mobile-nav-link:nth-child(4){transition-delay:0.5s}.mobile-nav-container.active .mobile-nav-link:nth-child(5){transition-delay:0.6s}.mobile-nav-container.active .mobile-user-info{transition-delay:0.7s}.mobile-nav-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(194,33,117,0.1),rgba(0,247,255,0.1),rgba(227,54,1,0.1));transition:transform 0.6s cubic-bezier(0.22,1,0.36,1);transform:translateX(0);z-index:-1}.mobile-nav-link:hover::before{transform:translateX(100%)}.mobile-nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:linear-gradient(90deg,#c22175,rgba(0,247,255,0.9),#e33601);transition:width 0.3s ease-in-out}.mobile-nav-link:hover::after{width:100%}.mobile-nav-icon{font-size:1.5rem;filter:drop-shadow(0 0 3px rgba(255,255,255,0.2));transition:transform 0.3s ease}.mobile-nav-link:hover .mobile-nav-icon{transform:translateY(-2px)}.mobile-user-info{margin-top:auto;padding:1.5rem;border-radius:1rem;font-family:var(--nav-font);color:white;text-align:center;transform:translateY(20px);opacity:0;transition:all 0.4s ease-out;position:relative;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1)}.mobile-user-info::before{display:none}.mobile-nav-container.active .mobile-user-info{transform:translateY(0);opacity:1}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%,100%{text-shadow:0 0 8px rgba(26,222,36,0.4)}50%{text-shadow:0 0 15px rgba(26,222,36,0.8)}}@keyframes lineExpand{from{width:0}to{width:100%}}@keyframes crossIn{from{transform:translateY(-50%) rotate(45deg) scaleX(0)}to{transform:translateY(-50%) rotate(45deg) scaleX(1)}}@keyframes pulse{0%{opacity:0.5;transform:scale(1)}50%{opacity:0.7;transform:scale(1.02)}100%{opacity:0.5;transform:scale(1)}}@keyframes floatingParticles{0%{background-position:0% 0%}100%{background-position:100% 100%}}@keyframes rippleEffect{0%{transform:translate(-30%,-30%) scale(0.5);opacity:0}20%{opacity:0.2}40%{opacity:0}60%{opacity:0.2}80%{opacity:0}100%{transform:translate(30%,30%) scale(1.2);opacity:0}}.hamburger-menu{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:100;right:1.5rem;cursor:pointer;padding:0.5rem;border-radius:0.5rem;background:#000000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 8px rgba(255,255,255,0.1);transition:all 0.3s cubic-bezier(0.22,1,0.36,1);border:1px solid rgba(255,255,255,0.2);overflow:hidden}.hamburger-menu::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,0.1),transparent 70%);opacity:0;transition:opacity 0.3s ease}.hamburger-menu:hover::before{opacity:1}.hamburger-menu:hover{transform:translateY(-50%);box-shadow:0 0 15px rgba(255,255,255,0.2)}.hamburger-icon{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;width:100%;height:100%;gap:0.35rem}.hamburger-icon span{background-color:white;border-radius:0.5em;height:0.2rem;width:1.8rem}.close-mobile-nav:hover{transform:rotate(90deg)}.nav-text{color:white;font-size:var(--header-size-text);line-height:1;white-space:nowrap}.nav-icon{font-size:calc(var(--header-size-text) * 1.15);line-height:1}#nav1 ul li a,#nav2 ul li a,#nav2 ul li button{gap:0.25em;align-items:center;justify-content:center}@supports ((backdrop-filter:none)){.container-info-contact{backdrop-filter:drop-shadow(20px 20px 15px rgb(61,23,98)) drop-shadow(-20px -20px 15px rgb(49,11,91)) drop-shadow(0 5px 100px rgb(20,0,51)) sepia(20%) blur(15px) opacity(1)}}@supports (-webkit-backdrop-filter:none){.container-info-contact{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);filter:drop-shadow(2px 2px 13px rgba(250,16,16,0.6))}}@keyframes slideinAsLeft{from{left:-20%}to{left:0}}@keyframes slideoutAsLeft{from{left:0}to{left:-20%}}@keyframes appear{from{scale:0.1}to{scale:1.0}}@keyframes disappear{from{scale:1.0}to{scale:0.1}}@media (width <=48rem){:root{--header-size-big:clamp(2.4em,calc(3.5vh + 1vw),3.6em);--header-size-text:clamp(0.9em,4.2vw,1.5em);--margin-bottom-header:0.1em;--header-size-top:min(clamp(1.0em,max(6vw,6dvh),3.5em),calc(var(--header-size-big) - var(--margin-bottom-header)))}.hamburger-menu{display:block;max-width:3em;width:auto;min-width:1em;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);border:none;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.user-status{display:block}.hamburger-icon{gap:0.25rem}.hamburger-icon span{max-height:0.2rem;max-width:1.8rem;width:1.8rem;height:0.2rem;background-color:white;border-radius:0.5em}.header-container{height:var(--header-size-big);background:var(--background-glass);box-shadow:var(--box-glass);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:var(--border-glass);border-top:none;border-radius:0 0 1.5em 1.5em;width:calc(100% - 1.5rem);margin:0 auto;display:flex;align-items:center;justify-content:center}.mobile-top-name-blog{display:block;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;filter:drop-shadow(-0.1rem 0.0rem 0.07rem #c22175) drop-shadow(0.0rem -0.0rem 0.09rem rgba(0,247,255,0.81)) drop-shadow(0.0rem 0.1rem 0.016rem #e33601) contrast(100%);font-style:normal;margin-bottom:var(--margin-bottom-header);width:auto;border-radius:none}.mobile-name-blog-wrapper{font-size:var(--header-size-top)}.nav-tag-wrapper{display:none}.mobile-name-blog-wrapper{width:auto;height:auto;display:flex;filter:drop-shadow(-0.1rem 0.0rem 0.08rem #c22175) drop-shadow(0.0rem -0.1rem 0.1rem rgba(0,247,255,0.81)) drop-shadow(0.0rem 0.1rem 0.02rem #e33601) contrast(200%)}.user-box{display:none}}@media (width>48rem){:root{--header-size-big:clamp(2.8em,calc(2.5vh + 1.8vw),4em);--header-size-text:clamp(0.85em,calc(0.55vw + 0.55dvh),1.35em);--margin-bottom-header:0.1em;--header-size-top:min(clamp(1.6em,calc(2vw + 2vh),3em),calc(var(--header-size-big) - var(--margin-bottom-header)))}.nav-tag-wrapper{display:flex;justify-content:space-between;align-items:center;width:min(94%,1400px);border-radius:0 0 1em 1em}.mobile-top-name-blog{display:none}.top-name-blog{font-size:var(--header-size-top)}.user-status{display:none}.user-box{display:flex}.nav-tag{font-size:var(--header-size-text)}.header-container{height:var(--header-size-big)}}@media (width>100rem){:root{--header-size-big:clamp(3em,calc(1.5vw + 2vh),4.2em);--header-size-text:clamp(1.1em,calc(0.7vw + 0.4dvh),1.5em);--header-size-top:clamp(2em,calc(2vw + 1vh),3.2em)}.top-name-blog{filter:drop-shadow(-0.1rem 0.0rem 0.08rem #c22175) drop-shadow(0.0rem -0.1rem 0.1rem rgba(0,247,255,0.81)) drop-shadow(0.0rem 0.1rem 0.02rem #e33601) contrast(200%)}}@media (max-resolution:300dpi){aside.user-box>div.user-auth-wrapper>p{font-size:clamp(0.6rem,calc(1.0vw + 0.1vh),1.0rem);transform:none;padding:0.3em}aside.user-box{width:clamp(4.5em,calc(10vw + 1vh),7.5em);margin-top:0.5em;padding:0.3em}}