@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";:root{--white: #f9f9f9;--black: #36383F;--active: #484b53;--grey: #85888C}body,header *{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--white);font-family:"Poppins",sans-serif}[role=banner]{background-color:var(--black);box-shadow:1px 1px 5px 0px var(--grey);position:sticky;top:0;width:100%}[role=banner]>a{display:inline-block;color:var(--white);font-size:60px;margin-left:10px;text-decoration:none}[aria-label=Main]{width:100%;height:100%;position:fixed;background-color:var(--black);overflow:hidden}[aria-label=Main]>ul li{list-style:none}[aria-label=Main]>ul a{display:block;padding:30px 10px;color:var(--white);text-decoration:none}[aria-label=Main]>ul a:hover{background-color:var(--grey)}[aria-current=page] a{background-color:var(--active)}[aria-label=Main]{max-height:0;transition:max-height .5s ease-out}[role=banner] label{cursor:pointer;float:right;padding:40px 20px}[role=banner] label>span{background:var(--white);display:block;height:2px;position:relative;width:24px}[role=banner] label>span::before,[role=banner] label>span::after{background:var(--white);content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}[role=banner] label>span::before{top:5px}[role=banner] label>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: 800px){[aria-label=Main]{max-height:none;top:0;position:relative;float:right;width:fit-content;background-color:rgba(0,0,0,0)}[aria-label=Main]>ul li{float:left}[role=banner] label{display:none}}main,footer{margin:1em}@media(min-width: 600px){main,footer{width:80%;margin:auto}}img{max-width:100%;height:auto}/*# sourceMappingURL=style.css.map */