:root{--c-alpha:#121212;--c-beta:#fff;--c-gamma:#ffe0eb;--c-gamma2:#fff0f5;--c-delta:#b3fffc;--c-delta2:#d6fffe;--width--alpha:calc(clamp(18.75rem, 6.25rem + 33.333vw, 31.25rem));--gap-alpha:calc(clamp(.625rem, 0rem + 1.667vw, 1.25rem));--gap-beta:calc(clamp(1.25rem, 0rem + 3.333vw, 2.5rem));--gap-gamma:calc(clamp(3.125rem, 2.009rem + 2.976vw, 4.688rem));--duration-alpha:20s;--duration-beta:0.4s;--duration-gamma:0.1s;--fz-alpha:calc(clamp(.625rem, .438rem + .5vw, .813rem));--fz-beta:calc(clamp(.875rem, .75rem + .333vw, 1rem));--fz-gamma:calc(clamp(1rem, .75rem + .667vw, 1.25rem));--fz-delta:calc(clamp(1.25rem, 1rem + .667vw, 1.5rem))}*{box-sizing:border-box;margin:0;padding:0}:where(body,iframe,pre,img,svg,video,canvas,select){max-width:100%;overflow:auto;overflow-wrap:anywhere}html{scroll-behavior:smooth}body{color:var(--c-alpha);font-family:Poppins,sans-serif;line-height:1.6;position:relative}img{height:auto;max-width:100%}.app{display:grid;position:relative}.app:before{background-color:var(--c-gamma2);background-image:linear-gradient(to top left,var(--c-gamma2),var(--c-delta2));content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.app__sidebar{display:flex;flex-flow:column wrap;align-items:center;justify-content:center;min-height:100svh;position:sticky;top:0;z-index:1;transition:transform ease-out var(--duration-beta)}.opened .app__sidebar{transform:none}.app__form{width:var(--width--alpha);padding:var(--gap-gamma) var(--gap-alpha) var(--gap-alpha)}.app__input-group{margin-bottom:var(--gap-alpha)}.app__label{font-size:var(--fz-alpha)}.app__input{background-color:var(--c-delta);color:var(--c-alpha);font-family:Poppins,sans-serif;font-size:var(--fz-beta);line-height:1;display:block;box-sizing:border-box;padding-left:.5em;padding-right:.5em;min-width:100%;min-height:2.5em;border:none}.app__input:active,.app__input:focus,.app__input:hover{outline:1px solid}.app__button{background-color:var(--c-alpha);color:var(--c-beta);font-size:var(--fz-beta);line-height:1;display:inline-flex;flex-wrap:wrap;place-content:center;min-height:2.5em;padding-left:.5em;padding-right:.5em;border:none;cursor:pointer;text-decoration:none;transition:all var(--duration-gamma)}.app__button:active,.app__button:focus,.app__button:hover{background-color:var(--c-beta);color:var(--c-alpha);outline:1px solid}.app__button--toggle{position:fixed;top:var(--gap-alpha);z-index:2}.app__button+.app__button{margin-left:var(--gap-alpha)}.app__action{margin-bottom:var(--gap-beta)}.app__inner{display:flex;align-items:center;justify-content:center}.profile{display:grid;gap:var(--gap-alpha);width:var(--width--alpha);padding:var(--gap-alpha);box-shadow:0 0 0 var(--gap-alpha) var(--c-alpha);border-radius:1em;position:relative}.profile:before{content:"";background-color:var(--c-gamma);background-image:linear-gradient(to top right,var(--c-gamma),var(--c-delta));position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.profile__name{font-size:var(--fz-delta);line-height:1}.profile__position{background-color:var(--c-beta);font-size:var(--fz-alpha);font-weight:400;line-height:1;position:absolute;top:0;right:var(--gap-alpha);transform:translateY(-50%);padding:.125em .5em;border-radius:1em;border:1px solid}.profile__image{aspect-ratio:1;position:relative;overflow:hidden;border-radius:1em}.profile__image img{background-color:var(--c-gamma2);display:block;width:100%;-o-object-fit:cover;object-fit:cover}.profile__details{list-style:none;display:flex;gap:1em}.profile__details li{background-color:var(--c-beta);font-size:var(--fz-beta);line-height:1;text-align:center;display:flex;align-items:center;justify-content:center;padding:.25em .5em;border-radius:1em}.profile__skills{display:flex;align-items:center;gap:.25rem;margin-top:var(--gap-beta);list-style:none}.profile__skills li{font-size:var(--fz-gamma)}.profile__skills li:last-of-type{margin-left:auto}.profile__description{font-size:var(--fz-alpha);margin-top:-1.5em}.profile__weakness{font-size:var(--fz-alpha);line-height:1;display:flex;align-items:baseline;margin-top:var(--gap-beta)}.profile__weakness ul{display:flex;gap:.5em;list-style:none}.profile__weakness li{background-color:var(--c-beta);padding:.25em .5em;border-radius:1em}.profile__url{line-height:1;color:inherit;margin-top:-.5em}.footer,.profile__url{font-size:var(--fz-alpha)}.footer{position:absolute;bottom:0;right:0;display:inline-flex;align-items:baseline;gap:var(--gap-alpha);padding:var(--gap-alpha)}.footer a{color:inherit}.footer details{position:relative}.footer details summary::marker{content:" ⊕ ";font-size:1.25em}.footer details[open] summary::marker{content:" ⊖ "}.footer summary{cursor:pointer}.footer details div{background-color:var(--c-delta);text-align:right;position:absolute;bottom:calc(100% + .5em);right:0;min-width:50ch;max-width:100vw;padding:1em;border-radius:1em}.app:before,.profile:before,.profile__image img{animation:colorize linear var(--duration-alpha) infinite paused}.app.animated .profile:before,.app.animated .profile__image img,.app.animated:before{animation-play-state:running}@media screen and (max-width:59.999rem){.app__sidebar{background-color:var(--c-gamma);transform:translateX(-100vw)}.app__inner,.app__sidebar{grid-row:1/-1;grid-column:1/-1}.app__button--toggle{right:var(--gap-alpha)}}@media screen and (min-width:60rem){.app{gap:var(--gap-beta);grid-template-columns:0 1fr;transition:grid-template-columns ease-in-out var(--duration-beta)}.app.opened{grid-template-columns:var(--width--alpha) 1fr}.app__sidebar{transform:translateX(calc(var(--width--alpha) * -1))}.app__button--toggle{left:var(--gap-alpha)}.app__inner{min-height:100svh}}@keyframes colorize{to{filter:hue-rotate(1turn)}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--c-focus,currentColor);outline-offset:.15em}.vh{position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip-path:inset(50%)}