@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";:root{color-scheme:light;--surface1: hsl(211, 18%, 96%);--text1: hsl(211, 18%, 21%);--border1: hsl(211, 18%, 77%);--surface2: hsl(10, 59%, 96%);--text2: hsl(10, 59%, 21%);--border2: hsl(10, 59%, 87%);--surface3: hsl(250, 61%, 96%);--text3: hsl(250, 61%, 30%);--border3: hsl(250, 61%, 77%);--surface4: hsl(250, 61%, 68%);--text4: hsl(250, 61%, 21%);--border4: hsl(250, 61%, 49%)}@media(prefers-color-scheme: dark){:root{color-scheme:dark;--surface1: hsl(211, 18%, 30%);--text1: hsl(211, 18%, 96%);--border1: hsl(211, 18%, 77%);--surface2: hsl(10, 59%, 21%);--text2: hsl(211, 18%, 87%);--border2: hsl(211, 18%, 58%);--surface3: hsl(250, 61%, 58%);--text3: hsl(211, 18%, 96%);--border3: hsl(250, 61%, 21%);--surface4: hsl(10, 59%, 68%);--text4: hsl(10, 59%, 21%);--border4: hsl(211, 18%, 77%)}}.primary900{background-color:hsl(250,61%,21%);color:#fff}.primary800{background-color:hsl(250,61%,30%);color:#fff}.primary700{background-color:hsl(250,61%,40%);color:#fff}.primary600{background-color:hsl(250,61%,49%);color:#fff}.primary500{background-color:hsl(250,61%,58%);color:#fff}.primary400{background-color:hsl(250,61%,68%);color:#000}.primary300{background-color:hsl(250,61%,77%);color:#000}.primary200{background-color:hsl(250,61%,87%);color:#000}.primary100{background-color:hsl(250,61%,96%);color:#000}.grey900{background-color:hsl(211,18%,21%);color:#fff}.grey800{background-color:hsl(211,18%,30%);color:#fff}.grey700{background-color:hsl(211,18%,40%);color:#fff}.grey600{background-color:hsl(211,18%,49%);color:#fff}.grey500{background-color:hsl(211,18%,58%);color:#fff}.grey400{background-color:hsl(211,18%,68%);color:#000}.grey300{background-color:hsl(211,18%,77%);color:#000}.grey200{background-color:hsl(211,18%,87%);color:#000}.grey100{background-color:hsl(211,18%,96%);color:#000}.accent900{background-color:hsl(10,59%,21%);color:#fff}.accent800{background-color:hsl(10,59%,30%);color:#fff}.accent700{background-color:hsl(10,59%,40%);color:#fff}.accent600{background-color:hsl(10,59%,49%);color:#fff}.accent500{background-color:hsl(10,59%,58%);color:#fff}.accent400{background-color:hsl(10,59%,68%);color:#000}.accent300{background-color:hsl(10,59%,77%);color:#000}.accent200{background-color:hsl(10,59%,87%);color:#000}.accent100{background-color:hsl(10,59%,96%);color:#000}.danger900{background-color:hsl(359,68%,21%);color:#fff}.danger800{background-color:hsl(359,68%,30%);color:#fff}.danger700{background-color:hsl(359,68%,40%);color:#fff}.danger600{background-color:hsl(359,68%,49%);color:#fff}.danger500{background-color:hsl(359,68%,58%);color:#fff}.danger400{background-color:hsl(359,68%,68%);color:#000}.danger300{background-color:hsl(359,68%,77%);color:#000}.danger200{background-color:hsl(359,68%,87%);color:#000}.danger100{background-color:hsl(359,68%,96%);color:#000}.warning900{background-color:hsl(42,75%,21%);color:#fff}.warning800{background-color:hsl(42,75%,30%);color:#fff}.warning700{background-color:hsl(42,75%,40%);color:#fff}.warning600{background-color:hsl(42,75%,49%);color:#fff}.warning500{background-color:hsl(42,75%,58%);color:#fff}.warning400{background-color:hsl(42,75%,68%);color:#000}.warning300{background-color:hsl(42,75%,77%);color:#000}.warning200{background-color:hsl(42,75%,87%);color:#000}.warning100{background-color:hsl(42,75%,96%);color:#000}.success900{background-color:hsl(120,58%,21%);color:#fff}.success800{background-color:hsl(120,58%,30%);color:#fff}.success700{background-color:hsl(120,58%,40%);color:#fff}.success600{background-color:hsl(120,58%,49%);color:#fff}.success500{background-color:hsl(120,58%,58%);color:#fff}.success400{background-color:hsl(120,58%,68%);color:#000}.success300{background-color:hsl(120,58%,77%);color:#000}.success200{background-color:hsl(120,58%,87%);color:#000}.success100{background-color:hsl(120,58%,96%);color:#000}main{display:flex}aside{width:33.3333%;margin:1em}[role=banner]{background-color:hsl(250,61%,58%);box-shadow:1px 1px 5px 0px hsl(211,18%,21%);position:sticky;top:0;width:100%}[role=banner]>a{display:inline-block;color:hsl(211,18%,96%);font-size:60px;margin-left:10px;text-decoration:none}[aria-label=Main]{width:100%;height:100%;position:fixed;background-color:hsl(250,61%,58%);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:hsl(211,18%,96%);text-decoration:none}[aria-label=Main] ul a:hover{background-color:hsl(250,61%,40%)}[aria-current=page] a{background-color:hsl(250,61%,49%)}[role=banner] label{cursor:pointer;float:right;padding:40px 20px}[role=banner] span{background:hsl(211,18%,96%);display:block;height:2px;position:relative;width:24px}[role=banner] span::before,[role=banner] span::after{background:hsl(211,18%,96%);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 hsl(211,18%,58%);border-radius:.5em;padding:.5em 1em}/*# sourceMappingURL=refactoring.css.map */