*,::after,::before{margin:0;padding:0;box-sizing:border-box}:root{--main-font:"Raleway",sans-serif;--title-font:"Montserrat",serif;--monospace-font:"Iosevka","Ubuntu Mono",monospace;--bg-color:var(--primary);--bg-color-b:var(--bg-b)}:root:not(.light):not(.dark){--dark:-1;--text:hsl(240, 23%, 5%);--accent:hsl(322, 42%, 36%);--bg:hsl(249, 21%, 83%);--primary:hsl(216, 41%, 88%);--bg-b:hsl(206, 47%, 89%)}@media (prefers-color-scheme:dark){:root:not(.light):not(.dark){--dark:1;--bg:hsl(240, 23%, 5%);--accent:hsl(322, 42%, 56%);--text:hsl(249, 21%, 83%);--primary:hsl(216, 41%, 18%);--bg-b:hsl(206, 47%, 9%)}}:root.light{--dark:-1;--text:hsl(240, 23%, 5%);--accent:hsl(322, 42%, 36%);--bg:hsl(249, 21%, 83%);--primary:hsl(216, 41%, 88%);--bg-b:hsl(206, 47%, 89%)}:root.dark{--dark:1;--bg:hsl(240, 23%, 5%);--accent:hsl(322, 42%, 56%);--text:hsl(249, 21%, 83%);--primary:hsl(216, 41%, 18%);--bg-b:hsl(206, 47%, 9%)}aside,header{--bg-color:var(--primary);--bg-color-b:var(--bg-b)}main{--bg-color:var(--bg-b);--bg-color-b:var(--bg)}footer{--bg-color:var(--bg);--bg-color-b:var(--bg-b)}html{text-rendering:optimizeLegibility;line-height:1.5;font:400 var(--font-size, 16px) var(--main-font)}[title]{cursor:help}a,button,input[type=submit]{touch-action:manipulation}.body,body{min-height:100vh;width:100%;display:grid;grid-template:"header" auto "aside" auto "main" 1fr "footer" auto/100%;background:var(--bg-b);color:var(--text)}header{grid-area:header;background:var(--bg-color)}aside{grid-area:aside;background:var(--bg-color)}main{grid-area:main;background:var(--bg-color)}footer{grid-area:footer;background:var(--bg-color)}aside,footer,header,main{padding:1em}footer,header{text-align:center}main{max-width:80ch;width:100vw;margin:0 auto}main>:not(:last-child){margin-bottom:.5em}main section:not(:last-child){margin-bottom:1em}blockquote{padding:.75em .5em .75em 1em;background:var(--bg);border-left:2px solid var(--accent)}hr{border:1px solid var(--accent);border-radius:99em;margin:.75em 0}hr::before{color:var(--accent);content:"//";letter-spacing:2px;border-radius:99em;position:absolute;padding:0 .5em;left:50%;transform:translate(50%,-50%);background:var(--bg-color)}nav{padding:.5em}nav>ul{display:flex;flex-wrap:wrap;list-style:none;justify-content:center;gap:.5em}nav>ul a{font-size:1.2em;border:1px solid var(--text);padding:.25em .75em;border-radius:99em}nav>ul a:focus,nav>ul a:focus-visible{background:var(--bg);filter:none}@media (min-width:768px){.body,body{grid-template:"header header" auto "aside main" 1fr "aside footer" auto/auto 1fr}.body{grid-column:1/3}}figure,figure figcaption{position:relative;overflow:hidden}figure{text-align:center;display:flex;flex-flow:column;align-items:center;justify-content:center}figure figcaption{font-weight:700;z-index:0;padding:.25em .75em}figure figcaption::before{content:"";inset:0;position:absolute;z-index:-1;background:var(--bg);opacity:.7}audio{background:var(--bg-color)}h1,h2,h3,h4,h5,h6{font:700 1rem var(--title-font);margin:0 0 .25em 0}h1{font-size:2.75rem}h2{font-size:2.5rem}h3{font-size:2.25rem}h4{font-size:2rem}h5{font-size:1.75rem}h6{font-size:1.5rem}dt{font-weight:700}dd{margin-left:1em}ol{list-style-type:lower-roman}menu,ol,ul{list-style-position:inside}aside ul,menu ul{list-style:none;display:flex;gap:.25em;flex-flow:row wrap}@media (min-width:768px){aside ul,menu ul{flex-flow:column}}ul>li>ul{margin-left:1em}a{color:var(--accent);padding:0 .125em;text-decoration:none;outline:0}a:focus,a:focus-visible{text-decoration:underline;filter:brightness(calc(100% + 20% * var(--dark)))}code,kbd,pre{font:1em var(--monospace-font)}code{position:relative;padding:0 .25em;z-index:0;color:var(--accent)}code::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--bg);opacity:.5;border-radius:4px}kbd{border:1px solid var(--text);border-radius:2px;padding:0 .125em}pre{background:var(--bg-color-b);padding:1em;overflow:auto;margin:.25em 0}::-moz-selection{background:var(--accent);color:var(--bg-color)}::selection,mark{background:var(--accent);color:var(--bg-color)}details{border:1px solid var(--text);border-radius:4px;padding:1em}details summary{font-weight:700;cursor:pointer}details[open] summary{margin:0 0 1em 0}table{width:100%;border-collapse:collapse}table caption{font:1.1rem var(--title-font)}table th{font-weight:700}table td,table th{padding:.5em 1em}table tbody td,table tbody th,table tfoot td,table tfoot th{border:1px solid var(--text)}table tbody tr:nth-child(2n){background:var(--primary)}table tfoot{background:var(--bg-color-b)}form{padding:1rem;display:flex;margin:0 auto;gap:1em;flex-flow:column;width:clamp(15ch,95%,60ch);background:var(--bg-color);color:var(--text)}fieldset{border:2px solid var(--text);border-radius:8px;padding:1rem;text-align:right}fieldset>div{text-align:left;display:grid}fieldset>div:not(:last-child){margin-bottom:.5em}fieldset>div div{display:flex;flex-flow:column}fieldset>div div label{font-weight:400}legend{font-size:1.1em;padding:0 .5em}label{font-weight:600;padding-top:.25rem;margin-bottom:.25rem}button,input,select,textarea{font-size:.9rem;accent-color:var(--accent);border:none;border-radius:4px;padding:.5em .75em;box-shadow:none}::-moz-placeholder{color:var(--bg-color-b)}:-ms-input-placeholder{color:var(--bg-color-b)}::placeholder{color:var(--bg-color-b)}button[type=submit],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-color-b);font-size:1rem;cursor:pointer;color:var(--text);align-self:end}button,progress{overflow:hidden;color:var(--text)}button{position:relative;isolation:isolate;background:0 0}button::before{position:absolute;content:"";inset:0;background:var(--bg-color-b);z-index:-1}button:focus-visible::before,button:focus::before{opacity:.7}textarea{resize:vertical}input[type=checkbox],input[type=radio]{justify-self:start}input[type=color],meter,progress{width:100%}input[type=color]{background:0 0;padding:0}meter{height:100%}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;border-radius:99em;height:1em}progress::-moz-progress-bar{background:var(--accent)}progress:indeterminate{background-image:linear-gradient(to right,var(--accent) 30%,transparent 30%);-webkit-animation:2s infinite indeterminate linear;animation:2s infinite indeterminate linear;background:150% 150% top left no-repeat;background-size:150% 150%}progress:indeterminate::-moz-progress-bar{background:0 0}@media (prefers-reduced-motion){progress:indeterminate{background-image:repeating-linear-gradient(45deg,var(--accent),var(--accent) 20px,transparent 20px,transparent 40px);-webkit-animation:none;animation:none}}@-webkit-keyframes indeterminate{from{background-position:200% 0}to{background-position:-200% 0}}@keyframes indeterminate{from{background-position:200% 0}to{background-position:-200% 0}}@media (min-width:768px){fieldset>div{grid-template-columns:2fr 5fr;-moz-column-gap:0.5em;column-gap:.5em}label{justify-self:end}}