main{padding:20px}.hero{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:20px 0;text-align:center}@media(min-width:1024px){.hero{padding:60px 0}}.hero p{font-size:27px;max-width:900px}h1{font-size:50px;margin:0}@media(min-width:768px){h1{font-size:75px}}h1 b{color:var(--vanilla)}ul{display:flex;flex-direction:column;justify-content:center;list-style:none;padding:0;gap:15px;max-width:800px;margin:0 auto}ul li{background-color:#f5f5f5;border-radius:12px;transition:.2s}@media(prefers-color-scheme:dark){ul li{background-color:#1a1a1a}}ul li:hover{background-color:var(--vanilla)}ul li:hover a{color:#fff}ul li a{display:block;padding:20px;text-decoration:none;color:inherit}ul li a h2{margin:0}ul+p{padding:20px;font-size:22px;max-width:800px;box-sizing:border-box;margin:30px auto 60px;text-align:center}