:root{--primary: hsl(218, 100%, 61%);--primary-dark: hsl(218, 100%, 41%);--secondary: hsl(218, 0%, 41%);--secondary-dark: hsl(218, 0%, 31%);--background: hsl(218 100% 95% / 1)}body{font-family:Arial,sans-serif;margin:0;padding:0;background:var(--background)}h1{color:var(--primary);text-align:center;margin-top:30px}p{margin:20px;font-size:1.1em}h2{margin-top:3rem}.padding{padding:0 2rem}ul{margin:0;padding:0;list-style:none;display:flex;justify-content:center;align-items:center}li{margin:10px}a.button{display:inline-block;padding:10px 20px;background-color:var(--primary);color:#fff;border-radius:5px;text-decoration:none}a.button:hover{background-color:var(--primary-dark)}a.button.secondary{background-color:var(--secondary)}a.button.secondary:hover{background-color:var(--secondary-dark)}main{max-width:800px;margin:0 auto;padding:1rem;text-align:center}