html{--background: white;--background-rgb: 255, 255, 255;--background-darker: #F9F9F9;--text-color: #383F51;--accent: #65a183;--gradient-1: rgba(0, 255, 255, .05);--gradient-2: rgba(120, 75, 160, .03);--gradient-3: rgba(43, 134, 197, .03);--gradient-4: rgba(0, 219, 222, .03);font-family:Lato;color:var(--text-color);background:radial-gradient(circle at 0% 0%,var(--gradient-1) 0%,transparent 50%),radial-gradient(circle at 100% 0%,var(--gradient-2) 0%,transparent 50%),radial-gradient(circle at 100% 100%,var(--gradient-3) 0%,transparent 50%),radial-gradient(circle at 0% 100%,var(--gradient-4) 0%,transparent 50%),var(--background);background-attachment:fixed;transition:background-color .25s ease,color .25s ease;scroll-behavior:smooth}html .astro-code,html .astro-code span{background-color:var(--background-darker)!important;line-height:1.5;font-size:.9rem}html.dark{--background: #383F51;--background-rgb: 56, 63, 81;--background-darker: #333445;--text-color: white;--gradient-1: rgba(0, 255, 255, .15);--gradient-2: rgba(120, 75, 160, .1);--gradient-3: rgba(43, 134, 197, .1);--gradient-4: rgba(0, 219, 222, .1)}html.dark .astro-code,html.dark .astro-code span{color:var(--shiki-dark)!important;background-color:var(--background-darker)!important}body{margin:0;padding:0;min-height:100vh}body *{box-sizing:border-box}h1{font-family:Hack;font-size:3em;margin:0 0 .5em}@media (max-width: 500px){h1{font-size:2em}}h2{font-size:clamp(1.1em,4vw,1.5em);font-family:Hack;line-height:1.7em}h2:not(.no-border){border-bottom:1px solid var(--text-color)}h3{font-size:clamp(1em,4vw,1.3em);margin:0 0 .1em}h4{font-size:clamp(1.1em,4vw,1.5em);font-family:Hack;text-transform:uppercase}p{margin:0 0 .5em;line-height:1.5em}a{display:flex;align-items:center;gap:.5em;color:var(--text-color);text-decoration:none;cursor:pointer}a+a{margin-top:.75em}a:hover{color:var(--accent)}a:hover svg path{stroke:var(--accent)}a.btn.btn--accent{background:var(--accent);color:#fff;border:none;padding:1em 2em;border-radius:50px;font-size:clamp(.9em,3vw,1.1em);font-family:Hack;font-weight:700;cursor:pointer}a.btn.btn--accent:hover{filter:contrast(1.2)}svg{width:16px}svg path{stroke:var(--text-color)}svg:hover path{stroke:var(--accent)}.flex-between{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1em}.margin-top{margin-top:1em}#me[data-astro-cid-ew6xkust]{display:flex;justify-content:center;max-width:250px;width:100%;user-select:none;animation:floating 6s ease-in-out infinite}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}#me[data-astro-cid-ew6xkust] img[data-astro-cid-ew6xkust]{overflow:hidden;width:100%}#me[data-astro-cid-ew6xkust] #me-wink[data-astro-cid-ew6xkust],#me[data-astro-cid-ew6xkust]:hover #me-plain[data-astro-cid-ew6xkust]{display:none}#me[data-astro-cid-ew6xkust]:hover #me-wink[data-astro-cid-ew6xkust]{display:block}h1[data-v-26fa5033]{position:relative}@keyframes noise-anim-26fa5033{0%{clip:rect(63px,9999px,3px,0)}10%{clip:rect(74px,9999px,80px,0)}20%{clip:rect(39px,9999px,55px,0)}30%{clip:rect(30px,9999px,59px,0)}40%{clip:rect(27px,9999px,58px,0)}50%{clip:rect(74px,9999px,72px,0)}60%{clip:rect(41px,9999px,3px,0)}70%{clip:rect(43px,9999px,4px,0)}80%{clip:rect(38px,9999px,8px,0)}90%{clip:rect(93px,9999px,38px,0)}to{clip:rect(98px,9999px,28px,0)}}@keyframes noise-anim-2-26fa5033{0%{clip:rect(88px,9999px,82px,0)}10%{clip:rect(44px,9999px,73px,0)}20%{clip:rect(41px,9999px,81px,0)}30%{clip:rect(13px,9999px,78px,0)}40%{clip:rect(69px,9999px,35px,0)}50%{clip:rect(14px,9999px,78px,0)}60%{clip:rect(3px,9999px,28px,0)}70%{clip:rect(53px,9999px,28px,0)}80%{clip:rect(61px,9999px,26px,0)}90%{clip:rect(48px,9999px,58px,0)}to{clip:rect(46px,9999px,33px,0)}}h1[data-v-26fa5033]:hover:before,h1[data-v-26fa5033]:hover:after,h1.glitch[data-v-26fa5033]:before,h1.glitch[data-v-26fa5033]:after{content:attr(data-text);position:absolute;overflow:hidden}h1[data-v-26fa5033]:hover:after,h1.glitch[data-v-26fa5033]:after{left:0;text-shadow:-2px 0 #65a183;top:-1px;animation:noise-anim-26fa5033 2s infinite linear alternate-reverse}h1[data-v-26fa5033]:hover:before,h1.glitch[data-v-26fa5033]:before{left:-2px;text-shadow:2px 0 #65a183;top:1px;animation:noise-anim-2-26fa5033 3s infinite linear alternate-reverse}#light-switch{user-select:none}#light-switch svg{width:24px;cursor:pointer}#light-switch svg path{stroke:var(--text-color)}#light-switch svg:hover path{stroke:var(--accent)}