@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";:root{color-scheme:light;--surface1: oklch(99% 0.01 90deg);--text1: oklch(1% 0.01 90deg);--border1: oklch(75% 0.01 90deg);--surface2: oklch(99% 0.1 150deg);--text2: oklch(1% 0.1 150deg);--border2: oklch(87% 0.1 150deg);--surface3: oklch(99% 0.1 330deg);--text3: oklch(13% 0.1 330deg);--border3: oklch(75% 0.1 330deg);--surface4: oklch(63% 0.1 330deg);--text4: oklch(1% 0.1 330deg);--border4: oklch(39% 0.1 330deg)}@media(prefers-color-scheme: dark){:root{color-scheme:dark;--surface1: oklch(13% 0.01 90deg);--text1: oklch(99% 0.01 90deg);--border1: oklch(75% 0.01 90deg);--surface2: oklch(1% 0.1 150deg);--text2: oklch(87% 0.01 90deg);--border2: oklch(51% 0.01 90deg);--surface3: oklch(51% 0.1 330deg);--text3: oklch(99% 0.01 90deg);--border3: oklch(1% 0.1 330deg);--surface4: oklch(63% 0.1 150deg);--text4: oklch(1% 0.1 150deg);--border4: oklch(75% 0.01 90deg)}}.primary900{background-color:oklch(.01 .1 330);color:#fff}.primary800{background-color:oklch(.13 .1 330);color:#fff}.primary700{background-color:oklch(.26 .1 330);color:#fff}.primary600{background-color:oklch(.39 .1 330);color:#fff}.primary500{background-color:oklch(.51 .1 330);color:#fff}.primary400{background-color:oklch(.63 .1 330);color:#000}.primary300{background-color:oklch(.75 .1 330);color:#000}.primary200{background-color:oklch(.87 .1 330);color:#000}.primary100{background-color:oklch(.99 .1 330);color:#000}.grey900{background-color:oklch(.01 .01 90);color:#fff}.grey800{background-color:oklch(.13 .01 90);color:#fff}.grey700{background-color:oklch(.26 .01 90);color:#fff}.grey600{background-color:oklch(.39 .01 90);color:#fff}.grey500{background-color:oklch(.51 .01 90);color:#fff}.grey400{background-color:oklch(.63 .01 90);color:#000}.grey300{background-color:oklch(.75 .01 90);color:#000}.grey200{background-color:oklch(.87 .01 90);color:#000}.grey100{background-color:oklch(.99 .01 90);color:#000}.accent900{background-color:oklch(.01 .1 150);color:#fff}.accent800{background-color:oklch(.13 .1 150);color:#fff}.accent700{background-color:oklch(.26 .1 150);color:#fff}.accent600{background-color:oklch(.39 .1 150);color:#fff}.accent500{background-color:oklch(.51 .1 150);color:#fff}.accent400{background-color:oklch(.63 .1 150);color:#000}.accent300{background-color:oklch(.75 .1 150);color:#000}.accent200{background-color:oklch(.87 .1 150);color:#000}.accent100{background-color:oklch(.99 .1 150);color:#000}.danger900{background-color:oklch(.01 .25 30);color:#fff}.danger800{background-color:oklch(.13 .25 30);color:#fff}.danger700{background-color:oklch(.26 .25 30);color:#fff}.danger600{background-color:oklch(.39 .25 30);color:#fff}.danger500{background-color:oklch(.51 .25 30);color:#fff}.danger400{background-color:oklch(.63 .25 30);color:#000}.danger300{background-color:oklch(.75 .25 30);color:#000}.danger200{background-color:oklch(.87 .25 30);color:#000}.danger100{background-color:oklch(.99 .25 30);color:#000}.warning900{background-color:oklch(.01 .25 90);color:#fff}.warning800{background-color:oklch(.13 .25 90);color:#fff}.warning700{background-color:oklch(.26 .25 90);color:#fff}.warning600{background-color:oklch(.39 .25 90);color:#fff}.warning500{background-color:oklch(.51 .25 90);color:#fff}.warning400{background-color:oklch(.63 .25 90);color:#000}.warning300{background-color:oklch(.75 .25 90);color:#000}.warning200{background-color:oklch(.87 .25 90);color:#000}.warning100{background-color:oklch(.99 .25 90);color:#000}.success900{background-color:oklch(.01 .25 150);color:#fff}.success800{background-color:oklch(.13 .25 150);color:#fff}.success700{background-color:oklch(.26 .25 150);color:#fff}.success600{background-color:oklch(.39 .25 150);color:#fff}.success500{background-color:oklch(.51 .25 150);color:#fff}.success400{background-color:oklch(.63 .25 150);color:#000}.success300{background-color:oklch(.75 .25 150);color:#000}.success200{background-color:oklch(.87 .25 150);color:#000}.success100{background-color:oklch(.99 .25 150);color:#000}main,footer{width:100%}[role=banner]{background-color:oklch(.51 .1 330);box-shadow:1px 1px 5px 0px oklch(.01 .01 90);position:sticky;top:0;width:100%}[role=banner]>a{display:inline-block;color:oklch(.99 .01 90);font-size:60px;margin-left:10px;text-decoration:none}[aria-label=Main]{width:100%;height:100%;position:fixed;background-color:oklch(.51 .1 330);overflow:hidden;max-height:0;transition:max-height .5s ease-out}[aria-label=Main] ul{list-style:none;margin:0;padding:0}[aria-label=Main] ul a{display:block;padding:30px;color:oklch(.99 .01 90);text-decoration:none}[aria-label=Main] ul a:hover{background-color:oklch(.26 .1 330)}[aria-current=page] a{background-color:oklch(.39 .1 330)}[role=banner] label{cursor:pointer;float:right;padding:40px 20px}[role=banner] span{background:oklch(.99 .01 90);display:block;height:2px;position:relative;width:24px}[role=banner] span::before,[role=banner] span::after{background:oklch(.99 .01 90);content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}[role=banner] span::before{top:5px}[role=banner] span::after{top:-5px}[role=banner] input{display:none}[role=banner] input:checked~nav{max-height:100%}[role=banner] input:checked~label span{background:rgba(0,0,0,0)}[role=banner] input:checked~label span::before{transform:rotate(-45deg);top:0}[role=banner] input:checked~label span::after{transform:rotate(45deg);top:0}@media(min-width: 600px){[role=banner] nav{max-height:none;top:0;position:relative;float:right;width:fit-content;background-color:rgba(0,0,0,0)}[role=banner] ul li{float:left}[role=banner] label{display:none}}*{box-sizing:border-box}body{background-color:var(--surface1);font-family:"Poppins",sans-serif;margin:0}main{background-color:var(--surface1);color:var(--text1);padding:1em}aside{background-color:var(--surface2);color:var(--text2);border:1px solid var(--border2);border-radius:1em;padding:1em}footer{background-color:var(--surface2);color:var(--text2);border:1px solid var(--border2);border-radius:1em;padding:1em}a{color:var(--text3);border:2px solid rgba(0,0,0,0)}a:hover{color:var(--text4);border:2px dotted var(--border4)}button{border:2px solid oklch(.51 .01 90);border-radius:.5em;padding:.5em 1em}/*# sourceMappingURL=oklch.css.map */