:root{--primary-color:#0070f3;--secondary-color:#1a1a1a;--background-color:#fff;--text-color:#333;--footer-color:#f5f5f5}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--text-color);background-color:var(--background-color)}*{box-sizing:border-box}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:0 1rem}.main{min-height:80vh;padding:2rem 0}.site-header{padding:1rem 0;border-bottom:1px solid #eaeaea}.site-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--primary-color)}.main-nav ul{display:flex;list-style:none;padding:0;margin:1rem 0 0}.main-nav li{margin-right:1.5rem}.main-nav a{color:var(--secondary-color);font-weight:500}.site-footer{padding:2rem 0;background-color:var(--footer-color);border-top:1px solid #eaeaea;text-align:center}.title{margin:0;line-height:1.15;font-size:3rem;text-align:center}.description{text-align:center;line-height:1.5;font-size:1.5rem;margin:1rem 0 2rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.card{border:1px solid #eaeaea;border-radius:10px;padding:1.5rem;transition:color .15s ease,border-color .15s ease}.card:active,.card:focus,.card:hover{color:var(--primary-color);border-color:var(--primary-color)}.card h2{margin:0 0 1rem;font-size:1.5rem}.card p{margin:0;font-size:1.25rem;line-height:1.5}@media (min-width:768px){.site-header .container{display:flex;justify-content:space-between;align-items:center}.main-nav ul{margin:0}}