@import "https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;500;600;800&family=VT323&display=swap";body{margin:0;font-family:Poppins}ul,li{padding:0;list-style-type:none}.grid-container{grid-template-columns:1fr 3fr 1fr;column-gap:30px;display:grid}header{text-align:center;border-bottom:1px solid #ddd;grid-column:span 3}nav{border-right:1px solid #ddd;padding:30px}nav li{text-decoration:underline}article{padding:30px}article h2{max-width:800px;font-size:3.5em}article img{width:100%}article p{color:#777;margin-top:30px;line-height:2em}aside{border-left:1px solid #ddd;padding:30px}footer{text-align:center;border-top:1px solid #ddd;grid-column:span 3;padding:30px}@media screen and (max-width:1200px){nav{border-bottom:1px solid #ddd;border-right:0;grid-column:span 3}nav li{margin-right:10px;display:inline-block}article{grid-column:span 2}aside{padding:16px}}@media screen and (max-width:980px){nav,article,aside{grid-column:span 3}aside{border-top:1px solid #ddd;border-left:0}article h2{font-size:2.5em}}
/*# sourceMappingURL=holy-grail.6680b37f.css.map */