:root{font-family:sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-header{grid-area:header}.content{grid-area:content}.main-nav{grid-area:nav}.side{grid-area:sidebar}.main-footer{grid-area:footer}.wrapper{display:grid;gap:20px;grid-template-areas:"header" "nav" "content" "sidebar" "footer"}@media(min-width:500px){.wrapper{grid-template-columns:1fr 3fr;grid-template-areas:"header header" "nav nav" "sidebar content" "footer footer"}nav ul{display:flex;justify-content:space-between}}@media(min-width:700px){.wrapper{grid-template-columns:1fr 4fr 1fr;grid-template-areas:"header header header" "nav content sidebar" "nav content sidebar" "footer footer footer"}nav ul{flex-direction:column}}