/* GLOBAL */
* { margin: 0; padding: 0; box-sizing: border-box; }
body, html { background: white; margin: 0 0 30px 0; font-size: 15px; color: #1d1d1f; line-height: 1.9; font-family: "Hanken Grotesk", sans-serif; user-select: none; text-align: center; }
a { color: #0a2540; text-decoration: none; }
::-webkit-scrollbar { display: none; }
svg { border-radius: 0 0 15px 15px; }
h1 { font-size: 50px; line-height: 110px; }
h2 { font-size: 85px; color: #f9bf00; font-weight: 900; line-height: 100px; }
h3 { font-size: 21px; color: #2e4645; font-weight: 900; letter-spacing: 0.5px; line-height: 27px; }


/* PALETTE */
.accent { color: #fdc400; fill: #fdc400; }


/* TEMPLATE */
section { display: flex; justify-content: center; }
  section div { width: 220px; }

section2 { display: flex; justify-content: center; gap: 50px; margin: 60px 0 70px 0; }
  section2 div { display: flex; align-items: center; justify-content: center; border-radius: 15px; width: 300px; height: 200px; box-shadow: 0px 20px 60px -30px rgba(0, 0, 0, 1); }


/* GLOBAL MOBILE */
@media screen and (max-width: 768px) {

}