body{margin:0;background:hsl(217,30%,97%);color:hsl(217,24%,19%);font:17px/1.6 Palatino, 'Book Antiqua', serif}
main{max-width:680px;margin:0 auto;padding:48px 20px}
h1{font-size:30px;margin:0 0 4px;letter-spacing:.5px}
.tag{color:hsl(217,45%,38%);margin:0 0 36px}
h2{font-size:19px;margin:36px 0 10px;border-bottom:2px solid hsl(217,45%,38%);padding-bottom:4px}
a{color:hsl(217,45%,38%)} ul{padding-left:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.card{border:1px solid hsl(217,45%,38%);border-radius:8px;padding:12px}
footer{margin-top:48px;font-size:14px;opacity:.7}