@import"https://fonts.googleapis.com/css2?family=Azeret+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Bitter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";header[data-v-6be1ed84]{display:grid;position:relative;z-index:1}nav[data-v-6be1ed84]{display:grid;grid-auto-flow:column;grid-template-columns:max-content 1fr minmax(0px,7rem);grid-template-areas:"logo nav";max-width:100vw;padding:1.15em 1em;gap:1.25em;overflow-x:auto;overflow-y:clip;width:100%;background-color:var(--clr-accent-800);box-shadow:0 0 6px -2px hsl(var(--clr-white-200) / .1),inset 0 0 6px -2px hsl(var(--clr-white-200) / .1);border-bottom:1px inset hsl(var(--clr-black-800) / .3)}.nav-items[data-v-6be1ed84]{grid-area:nav;display:flex;flex-direction:row;gap:1em;justify-self:center;align-self:end}.nav-items a[data-v-6be1ed84]{position:relative;display:inline-block;color:var(--clr-text);font-size:var(--txt-med);font-weight:300;font-family:var(--ff-mono);text-decoration:none;text-transform:uppercase}.nav-items a.active[data-v-6be1ed84]{font-weight:600}.nav-items a[data-v-6be1ed84]:after{content:"";position:absolute;inset:auto 0 0 0;background:var(--clr-text);height:2px;border-radius:5px;visibility:hidden;transform:scaleX(0);transition:transform ease .5s}.nav-items a[data-v-6be1ed84]:hover:after{visibility:visible;transform:scaleX(1)}.logo-link[data-v-6be1ed84]{grid-area:logo;display:inline-block;margin-inline:.5em;font-size:var(--txt-lrg);text-decoration:none;color:var(--clr-text);font-family:var(--ff-serif);font-weight:300;letter-spacing:1px;-webkit-text-stroke:1px hsl(var(--clr-white-200) / .2)}.container[data-v-c2e75142]{height:100%;display:grid;place-items:center;margin-inline:auto;width:min(100% - 2rem,70rem);grid-template-rows:max-content 30vmin max-content 10vmin 1fr}.title[data-v-c2e75142],.heading[data-v-c2e75142]{line-height:1.25;font-weight:300;-webkit-text-stroke:2px hsl(0deg 0% 90% / .1);letter-spacing:1px;font-family:var(--ff-serif);font-size:var(--txt-lrg-fluid)}.title[data-v-c2e75142]{margin-top:2rem;font-size:var(--txt-xlrg-fluid)}.buttons[data-v-c2e75142]{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}picture[data-v-c2e75142]{height:100%;padding:1rem .5rem;filter:contrast(1.75) saturate(3.5) blur(1px) opacity(.85);border-radius:10px;mix-blend-mode:screen}img[data-v-c2e75142]{height:100%}.container[data-v-c5bdb532]{padding:2rem;margin-inline:auto}.heading[data-v-c5bdb532]{text-align:center;max-width:20ch;-webkit-text-stroke:3px hsl(0deg 0% 80% / .3);font-weight:900;font-style:oblique;letter-spacing:3px;text-transform:uppercase;font-family:monospace;font-size:var(--txt-xlrg-fluid);line-height:1}.about-body[data-v-c5bdb532]{padding-block:2rem;max-width:65ch;margin-inline:auto}.pretext[data-v-c5bdb532]{margin-block:1.25em;font-weight:600;font-size:var(--txt-lrg)}.body[data-v-c5bdb532]{margin-block:1em;font-size:var(--txt-med)}img[data-v-c5bdb532]{object-fit:cover;margin-top:1.5rem;float:left;border-radius:50%;aspect-ratio:1;height:275px;shape-outside:circle(38.11% at center center);shape-margin:1rem;padding:1.5rem}form[data-v-57a08bd6]{background:var(--clr-accent-800);color:var(--clr-text);max-width:calc(100% - 6rem);width:100%;margin:0 auto;padding:1.5rem;margin-block:1rem;display:flex;flex-direction:column;border:1px solid var(--clr-border);border-radius:10px;gap:.5rem}h1[data-v-57a08bd6]{font-size:var(--txt-lrg);color:var(--clr-primary-200)}.input>*[data-v-57a08bd6]{display:block;width:100%}input[type=submit][data-v-57a08bd6],.toggle button[data-v-57a08bd6]{cursor:pointer;font-weight:600;padding:.5em 1em;max-width:max-content;border-color:var(--clr-border);background:var(--clr-btn-bg);color:var(--clr-btn)}.toggle button[data-v-57a08bd6]{padding:.15em .5em}input[type=submit][data-v-57a08bd6]{margin-top:.35rem}.input[data-v-57a08bd6]{display:flex;gap:.25rem;flex-direction:column}label[data-v-57a08bd6]{margin-left:.5rem;font-weight:600}label[data-v-57a08bd6],input[data-v-57a08bd6],button[data-v-57a08bd6]{font-size:var(--txt-med);border-radius:var(--radius-input)}label[data-v-57a08bd6],input[type=submit][data-v-57a08bd6],button[data-v-57a08bd6]{text-transform:capitalize}p[data-v-57a08bd6]{font-size:var(--txt-med)}input[type=text][data-v-57a08bd6],input[type=email][data-v-57a08bd6],input[type=password][data-v-57a08bd6]{background:var(--clr-bg);color:var(--clr-text);padding:.25em .5em;border-color:var(--clr-border)}@media screen and (min-width: 50rem){form[data-v-57a08bd6]{max-width:65ch}}form[data-v-1a6b1fde]{background:var(--clr-secondary-800-5);color:var(--clr-primary-400);max-width:calc(100% - 6rem);width:100%;margin:0 auto;padding:2em;display:flex;flex-direction:column;border:1px solid var(--clr-border);border-radius:var(--radius);gap:.75rem}h1[data-v-1a6b1fde]{font-size:var(--txt-lrg);color:var(--clr-primary-200)}.input>*[data-v-1a6b1fde]{display:block;width:100%}.toggle[data-v-1a6b1fde]{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;place-items:center}input[type=submit][data-v-1a6b1fde],.toggle button[data-v-1a6b1fde]{cursor:pointer;font-weight:600;padding:.5em 1em;max-width:max-content;border-color:var(--clr-border);background:var(--clr-btn-bg);color:var(--clr-btn)}.toggle button[data-v-1a6b1fde]{padding:.15em .5em}input[type=submit][data-v-1a6b1fde]{margin-top:.35rem}.input[data-v-1a6b1fde]{display:flex;gap:.25rem;flex-direction:column}label[data-v-1a6b1fde]{margin-left:.5rem;font-weight:600}label[data-v-1a6b1fde],input[data-v-1a6b1fde],button[data-v-1a6b1fde]{font-size:var(--txt-med);border-radius:var(--radius-input)}label[data-v-1a6b1fde],input[type=submit][data-v-1a6b1fde],button[data-v-1a6b1fde]{text-transform:capitalize}p[data-v-1a6b1fde]{font-size:var(--txt-med)}input[type=text][data-v-1a6b1fde],input[type=email][data-v-1a6b1fde],input[type=password][data-v-1a6b1fde]{background:var(--clr-bg);color:var(--clr-text);padding:.25em .5em;border-color:var(--clr-border)}@media screen and (min-width: 50rem){form[data-v-1a6b1fde]{max-width:65ch}}.extra[data-v-1a6b1fde]{display:none;flex-direction:column;gap:.5em;padding:1rem 1.25rem;border-radius:5px;background:var(--clr-secondary-600-3);color:var(--clr-text)}input[type=checkbox][data-v-1a6b1fde]{display:none}.extra-details[data-v-1a6b1fde]{display:inline-block;font-size:var(--txt-med);padding:.25em;user-select:none;cursor:pointer}#extraToggle:checked~.extra-details[data-v-1a6b1fde]{color:var(--clr-accent-200)}#extraToggle:checked~.extra[data-v-1a6b1fde]{display:flex}.container[data-v-536a9bb7]{display:flex;flex-direction:column;width:min(100% - 4rem,60rem);height:100%;margin-inline:auto;margin-block:2rem}h1[data-v-536a9bb7]{text-align:center}header[data-v-536a9bb7]{padding-bottom:1rem}form[data-v-57935680]{margin-inline:auto;display:flex;flex-direction:column;gap:1rem;padding:2rem}.inputs[data-v-57935680]{display:flex;gap:2rem;flex-wrap:wrap}.input[data-v-57935680]{flex:1 1 1%;display:flex;flex-direction:column;gap:.25em}input[type=file][data-v-57935680],input[type=date][data-v-57935680]{max-width:max-content}input[type=file][data-v-57935680]{border:1px solid hsl(0deg 0% 100% / .3);border-radius:5px;padding:.25em}input[type=text][data-v-57935680]{max-width:65ch}textarea[data-v-57935680]{display:block;width:100%;max-width:65ch;padding:.4em .65em}.project-card[data-v-c0c373e0]{margin-inline:auto;width:min(100% - 2rem,65ch);display:grid;grid-template-columns:1fr .75fr 2.5fr;grid-template-rows:15vmin 1fr;grid-template-areas:"title title img" "aside summary summary";border:double 2px transparent;border-radius:var(--radius);background-image:linear-gradient(hsl(var(--clr-black-600) / .91),hsl(var(--clr-black-600) / .94)),linear-gradient(66deg,var(--clr-accent-400),var(--clr-secondary-400),var(--clr-primary-400));background-origin:border-box;background-clip:content-box,border-box}.card-image[data-v-c0c373e0]{grid-area:img;border-left:1px inset var(--clr-border)}img[data-v-c0c373e0]{object-fit:cover;height:100%;width:100%;border-radius:0 var(--radius) 0 0}picture[data-v-c0c373e0]{border-radius:0 var(--radius) 0 0}.summary[data-v-c0c373e0]{grid-area:summary;font-size:var(--txt-small);border-top:1px inset var(--clr-border);padding:.5em .8em;overflow-y:auto}aside[data-v-c0c373e0]{grid-area:aside;display:grid;grid-template-areas:"time time" "live github" "languages languages";grid-template-rows:max-content 1fr 2fr;border-right:1px inset var(--clr-border);border-top:1px inset var(--clr-border);justify-items:center}.info div[data-v-c0c373e0]{display:flex;flex-wrap:wrap;place-content:center;align-items:center;border-bottom:1px inset var(--clr-border);column-gap:1ch;row-gap:.55em;padding:.5rem;width:100%;font-size:var(--txt-small)}.info .time[data-v-c0c373e0]{grid-area:time;font-size:var(--txt-med)}.info .live[data-v-c0c373e0]{grid-area:live;padding-right:0}.github[data-v-c0c373e0]{grid-area:github}.info .github[data-v-c0c373e0],.info .live[data-v-c0c373e0]{gap:0}.languages[data-v-c0c373e0]{grid-area:languages}.languages span[data-v-c0c373e0]{border:1px solid var(--clr-border);border-radius:100vw;padding:.15em .5em;font-weight:300;font-size:var(--txt-small);background-color:hsl(var(--clr-black-200) / .75);color:var(--clr-accent-200)}.title[data-v-c0c373e0]{place-self:center;grid-area:title;font-size:var(--txt-lrg);padding:.5em}a.btn[data-v-c0c373e0],p.btn[data-v-c0c373e0]{font-size:var(--txt-small)}.disabled-link[data-v-c0c373e0],.disabled-link[data-v-c0c373e0]:hover{background-color:hsl(var(--clr-black-200));color:hsl(var(--clr-white-800));cursor:not-allowed}h1[data-v-71608649]{text-align:center;font-size:var(--txt-xlrg);margin-top:1rem}.projects[data-v-71608649]{padding-block:2rem;display:flex;flex-direction:column;gap:2rem}h1[data-v-8c2582d6]{font-size:var(--txt-xlrg);text-align:center;margin-bottom:1rem}.header[data-v-8c2582d6]{max-width:65ch;margin-inline:auto;display:flex;gap:2rem;flex-wrap:wrap}.container[data-v-8c2582d6]{width:min(100% - 2rem,60rem);margin-inline:auto;padding-block:1rem}p[data-v-8c2582d6]{margin-block:1rem}.contact[data-v-8c2582d6]{margin-inline:auto;margin-block:1rem;display:flex;flex-direction:column;gap:1rem;max-width:65ch}.input[data-v-8c2582d6]{flex:1 1 1%;display:flex;flex-direction:column;gap:.25em}label[data-v-8c2582d6],input[type=file][data-v-8c2582d6],input[type=date][data-v-8c2582d6]{max-width:max-content}input[type=file][data-v-8c2582d6]{border:1px solid hsl(0deg 0% 100% / .3);border-radius:5px;padding:.25em}input[type=email][data-v-8c2582d6],input[type=text][data-v-8c2582d6]{max-width:65ch}textarea[data-v-8c2582d6]{display:block;width:100%;max-width:65ch;padding:.4em .65em}button[data-v-525967ff]{cursor:pointer;position:absolute;inset:.5rem .5rem auto auto;height:min-content;font-size:var(--txt-small)}.message[data-v-525967ff]{width:min(100% - 2rem,65ch);margin-inline:auto;padding:1.25rem;border:1px inset var(--clr-border);background-color:var(--clr-accent-800-3);border-radius:var(--radius);position:relative}.text[data-v-525967ff]{margin-block:.5rem;padding:.5em 1em;border-radius:var(--radius);font-size:var(--txt-med)}.contact[data-v-525967ff]{display:flex;flex-direction:column;padding:.5em 1em;background-color:var(--clr-secondary-800-3);border-radius:var(--radius);font-size:var(--txt-small)}.contact span[data-v-525967ff]{font-size:var(--txt-med);font-weight:700;text-align:center}.email[data-v-525967ff]{text-decoration:none}.contact p[data-v-525967ff],.contact a[data-v-525967ff]{font-size:var(--txt-small);font-weight:500}.messages[data-v-21b08497]{margin-block:2rem;display:flex;flex-direction:column;gap:1.25rem}footer[data-v-85eef9e6]{border-top:1px solid hsl(var(--clr-white-200) / .1);display:flex;justify-content:space-between;padding:.65rem 2rem;gap:1rem;align-items:center}footer p[data-v-85eef9e6]{font-size:var(--txt-small)}footer a[data-v-85eef9e6]{font-size:var(--txt-small)}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd{margin:0}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}input,button,textarea,select{font:inherit}span[role=textbox]{display:block;white-space:pre-wrap;overflow:hidden;word-break:break-word}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}p{max-width:65ch}:root{--clr-black-200: 0 0% 15%;--clr-black-400: 0 0% 12%;--clr-black-600: 0 0% 9%;--clr-black-800: 0 0% 3%;--clr-white-200: 0 0% 95%;--clr-white-400: 0 0% 85%;--clr-white-600: 0 0% 75%;--clr-white-800: 0 0% 65%;--clr-primary-h: 186deg;--clr-secondary-h: calc(var(--clr-primary-h) + 180deg);--clr-accent-h: calc(var(--clr-secondary-h) + 270deg);--clr-primary-s: 42%;--clr-secondary-s: var(--clr-primary-s);--clr-accent-s: var(--clr-primary-s);--clr-200: 75%;--clr-400: 55%;--clr-600: 35%;--clr-800: 15%;--opacity-1: .1;--opacity-3: .3;--opacity-5: .5;--opacity-7: .7;--clr-primary-200: hsl(var(--clr-primary-h) var(--clr-primary-s) var(--clr-200));--clr-primary-200-1: hsl(var(--clr-primary-h) var(--clr-primary-s) var(--clr-200) / var(--opacity-1));--clr-primary-200-3: hsl(var(--clr-primary-h) var(--clr-primary-s) var(--clr-200) / var(--opacity-3));--clr-primary-200-5: hsl(var(--clr-primary-h) var(--clr-primary-s) var(--clr-200) / var(--opacity-5));--clr-primary-200-7: hsl(var(--clr-primary-h) var(--clr-primary-s) var(--clr-200) / var(--opacity-7));--clr-primary-400: hsl(var(--clr-primary-h) var(--clr-primary-s) var(--clr-400));--clr-primary-400-1: hsl(var(--clr-primary-h) var(--clr-primary-s) var(--clr-400) / var(--opacity-1));--clr-primary-400-3: hsl(var(--clr-primary-h) var(--clr-primary-s) var(--clr-400) / var(--opacity-3));--clr-primary-400-5: hsl(var(--clr-primary-h) var(--clr-primary-s) var(--clr-400) / var(--opacity-5));--clr-primary-400-7: hsl(var(--clr-primary-h) var(--clr-primary-s) var(--clr-400) / var(--opacity-7));--clr-primary-600: hsl(var(--clr-primary-h) var(--clr-primary-s) var(--clr-600));--clr-primary-600-1: hsl(var(--clr-primary-h) var(--clr-primary-s) var(--clr-600) / var(--opacity-1));--clr-primary-600-3: hsl(var(--clr-primary-h) var(--clr-primary-s) var(--clr-600) / var(--opacity-3));--clr-primary-600-5: hsl(var(--clr-primary-h) var(--clr-primary-s) var(--clr-600) / var(--opacity-5));--clr-primary-600-7: hsl(var(--clr-primary-h) var(--clr-primary-s) var(--clr-600) / var(--opacity-7));--clr-primary-800: hsl(var(--clr-primary-h) var(--clr-primary-s) var(--clr-800));--clr-primary-800-1: hsl(var(--clr-primary-h) var(--clr-primary-s) var(--clr-800) / var(--opacity-1));--clr-primary-800-3: hsl(var(--clr-primary-h) var(--clr-primary-s) var(--clr-800) / var(--opacity-3));--clr-primary-800-5: hsl(var(--clr-primary-h) var(--clr-primary-s) var(--clr-800) / var(--opacity-5));--clr-primary-800-7: hsl(var(--clr-primary-h) var(--clr-primary-s) var(--clr-800) / var(--opacity-7));--clr-secondary-200: hsl(var(--clr-secondary-h) var(--clr-secondary-s) var(--clr-200));--clr-secondary-200-1: hsl(var(--clr-secondary-h) var(--clr-secondary-s) var(--clr-200) / var(--opacity-1));--clr-secondary-200-3: hsl(var(--clr-secondary-h) var(--clr-secondary-s) var(--clr-200) / var(--opacity-3));--clr-secondary-200-5: hsl(var(--clr-secondary-h) var(--clr-secondary-s) var(--clr-200) / var(--opacity-5));--clr-secondary-200-7: hsl(var(--clr-secondary-h) var(--clr-secondary-s) var(--clr-200) / var(--opacity-7));--clr-secondary-400: hsl(var(--clr-secondary-h) var(--clr-secondary-s) var(--clr-400));--clr-secondary-400-1: hsl(var(--clr-secondary-h) var(--clr-secondary-s) var(--clr-400) / var(--opacity-1));--clr-secondary-400-3: hsl(var(--clr-secondary-h) var(--clr-secondary-s) var(--clr-400) / var(--opacity-3));--clr-secondary-400-5: hsl(var(--clr-secondary-h) var(--clr-secondary-s) var(--clr-400) / var(--opacity-5));--clr-secondary-400-7: hsl(var(--clr-secondary-h) var(--clr-secondary-s) var(--clr-400) / var(--opacity-7));--clr-secondary-600: hsl(var(--clr-secondary-h) var(--clr-secondary-s) var(--clr-600));--clr-secondary-600-1: hsl(var(--clr-secondary-h) var(--clr-secondary-s) var(--clr-600) / var(--opacity-1));--clr-secondary-600-3: hsl(var(--clr-secondary-h) var(--clr-secondary-s) var(--clr-600) / var(--opacity-3));--clr-secondary-600-5: hsl(var(--clr-secondary-h) var(--clr-secondary-s) var(--clr-600) / var(--opacity-5));--clr-secondary-600-7: hsl(var(--clr-secondary-h) var(--clr-secondary-s) var(--clr-600) / var(--opacity-7));--clr-secondary-800: hsl(var(--clr-secondary-h) var(--clr-secondary-s) var(--clr-800));--clr-secondary-800-1: hsl(var(--clr-secondary-h) var(--clr-secondary-s) var(--clr-800) / var(--opacity-1));--clr-secondary-800-3: hsl(var(--clr-secondary-h) var(--clr-secondary-s) var(--clr-800) / var(--opacity-3));--clr-secondary-800-5: hsl(var(--clr-secondary-h) var(--clr-secondary-s) var(--clr-800) / var(--opacity-5));--clr-secondary-800-7: hsl(var(--clr-secondary-h) var(--clr-secondary-s) var(--clr-800) / var(--opacity-7));--clr-accent-200: hsl(var(--clr-accent-h) var(--clr-accent-s) var(--clr-200));--clr-accent-200-1: hsl(var(--clr-accent-h) var(--clr-accent-s) var(--clr-200) / var(--opacity-1));--clr-accent-200-3: hsl(var(--clr-accent-h) var(--clr-accent-s) var(--clr-200) / var(--opacity-3));--clr-accent-200-5: hsl(var(--clr-accent-h) var(--clr-accent-s) var(--clr-200) / var(--opacity-5));--clr-accent-200-7: hsl(var(--clr-accent-h) var(--clr-accent-s) var(--clr-200) / var(--opacity-7));--clr-accent-400: hsl(var(--clr-accent-h) var(--clr-accent-s) var(--clr-400));--clr-accent-400-1: hsl(var(--clr-accent-h) var(--clr-accent-s) var(--clr-400) / var(--opacity-1));--clr-accent-400-3: hsl(var(--clr-accent-h) var(--clr-accent-s) var(--clr-400) / var(--opacity-3));--clr-accent-400-5: hsl(var(--clr-accent-h) var(--clr-accent-s) var(--clr-400) / var(--opacity-5));--clr-accent-400-7: hsl(var(--clr-accent-h) var(--clr-accent-s) var(--clr-400) / var(--opacity-7));--clr-accent-600: hsl(var(--clr-accent-h) var(--clr-accent-s) var(--clr-600));--clr-accent-600-1: hsl(var(--clr-accent-h) var(--clr-accent-s) var(--clr-600) / var(--opacity-1));--clr-accent-600-3: hsl(var(--clr-accent-h) var(--clr-accent-s) var(--clr-600) / var(--opacity-3));--clr-accent-600-5: hsl(var(--clr-accent-h) var(--clr-accent-s) var(--clr-600) / var(--opacity-5));--clr-accent-600-7: hsl(var(--clr-accent-h) var(--clr-accent-s) var(--clr-600) / var(--opacity-7));--clr-accent-800: hsl(var(--clr-accent-h) var(--clr-accent-s) var(--clr-800));--clr-accent-800-1: hsl(var(--clr-accent-h) var(--clr-accent-s) var(--clr-800) / var(--opacity-1));--clr-accent-800-3: hsl(var(--clr-accent-h) var(--clr-accent-s) var(--clr-800) / var(--opacity-3));--clr-accent-800-5: hsl(var(--clr-accent-h) var(--clr-accent-s) var(--clr-800) / var(--opacity-5));--clr-accent-800-7: hsl(var(--clr-accent-h) var(--clr-accent-s) var(--clr-800) / var(--opacity-7));--ff-primary: "Montserrat", sans-serif;--ff-mono: "Azeret Mono", monospace;--ff-serif: "Bitter", serif;--txt-xsm: .7rem;--txt-small: .9rem;--txt-small-fluid: clamp(.5rem, calc(10px + 1vmin), .75rem );--txt-med: 1.1rem;--txt-med-fluid: clamp(1rem, 3vw, 1.5rem);--txt-lrg: 1.45rem;--txt-lrg-fluid: clamp(1.5rem, 7vw, 3.5rem );--txt-xlrg: 3.5rem;--txt-xlrg-fluid: clamp(2.5rem, 10vw, 6rem );--txt-xxl-fluid: clamp(4rem, 20vw, 12rem );--radius: 10px;--radius-input: .5em;--clr-bg: hsl(var(--clr-black-600));--clr-text: hsl(var(--clr-primary-h) calc(var(--clr-primary-s) * 2) var(--clr-400));--clr-btn-bg: var(--clr-primary-800);--clr-btn-bg-hover: var(--clr-primary-800-7);--clr-btn: var(--clr-secondary-200);--clr-btn-hover: var(--clr-accent-200);--clr-border: var(--clr-accent-400-3)}::-webkit-scrollbar{display:block;width:.45rem;height:.45rem}::-webkit-scrollbar-track{background:var(--clr-primary-400)}::-webkit-scrollbar-thumb{border-radius:100vh;background:var(--clr-secondary-400)}::-webkit-scrollbar-corner{background:var(--clr-secondary-400)}html{scrollbar-color:var(--clr-primary-400) var(--clr-secondary-400);scrollbar-width:thin}html{scroll-behavior:smooth;text-rendering:optimizeSpeed;min-height:100vh;height:100%;color-scheme:dark}body{height:100%;background-color:var(--clr-bg);color:var(--clr-text);font-family:var(--ff-primary);line-height:1.5}#app{display:grid;min-height:100%;grid-template-rows:max-content 1fr max-content;grid-template-areas:"header" "main" "footer"}header{grid-area:header;transform:translateZ(0)}main{grid-area:main;display:flex;flex-direction:column;width:100%}footer{grid-area:footer}.btn{text-decoration:none;color:var(--clr-btn);background-color:var(--clr-btn-bg);width:max-content;height:max-content;padding:.35em .75em;border-radius:3px;font-size:var(--txt-med);font-weight:500;transition:.25s ease-in-out}.btn:hover,.btn:focus{background-color:var(--clr-btn-bg-hover);color:var(--clr-btn-hover)}