@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";.primary100{background-color:hsl(300,25%,95%);color:#000}.primary200{background-color:hsl(300,20%,85%);color:#000}.primary300{background-color:hsl(300,20%,75%);color:#000}.secondary100{background-color:hsl(120,5%,95%);color:#000}.secondary700{background-color:hsl(120,5%,30%);color:#fff}.secondary800{background-color:hsl(120,5%,25%);color:#fff}.secondary900{background-color:hsl(120,5%,20%);color:#fff}.accentR100{background-color:hsl(330,40%,95%);color:#000}.accentR600{background-color:hsl(330,40%,40%);color:#fff}.accentL100{background-color:hsl(270,40%,90%);color:#000}.accentL600{background-color:hsl(270,40%,40%);color:#fff}main{display:flex}aside{width:33.3333%;margin:1em}[role=banner]{background-color:hsl(330,40%,40%);box-shadow:1px 1px 5px 0px hsl(120,5%,20%);position:sticky;top:0;width:100%}[role=banner]>a{display:inline-block;color:hsl(120,5%,95%);font-size:60px;margin-left:10px;text-decoration:none}[aria-label=Main]{width:100%;height:100%;position:fixed;background-color:hsl(330,40%,40%);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(120,5%,95%);text-decoration:none}[aria-label=Main] ul a:hover{background-color:hsl(270,40%,90%)}[aria-current=page] a{background-color:hsl(270,40%,40%)}[role=banner] label{cursor:pointer;float:right;padding:40px 20px}[role=banner] span{background:hsl(120,5%,95%);display:block;height:2px;position:relative;width:24px}[role=banner] span::before,[role=banner] span::after{background:hsl(120,5%,95%);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(120,5%,30%);border-radius:.5em;padding:.5em 1em}/*# sourceMappingURL=logrocket.css.map */