/* antonio-regular - latin_latin-ext */ @font-face { font-display: swap; font-family: "Antonio"; font-style: normal; font-weight: 400; src: url("/assets/antonio-v19-latin_latin-ext-regular-DPPTWErW.woff2") format("woff2"); } /* antonio-700 - latin_latin-ext */ @font-face { font-display: swap; font-family: "Antonio"; font-style: normal; font-weight: 700; src: url("/assets/antonio-v19-latin_latin-ext-700-DaslHggq.woff2") format("woff2"); } * { margin: 0; padding: 0; } body { font-size: 16px; font-family: "Antonio"; background-color: #000; } #app { height: 0; } .container { width: 100%; max-width: 800px; margin: auto; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2rem; text-transform: uppercase; text-align: center; color: #88bbff; } .bar { width: 100%; height: 1rem; background-color: #88bbff; border-radius: 0.5rem; } h1 { font-size: 6rem; font-weight: bold; text-box-trim: trim-both; text-box-edge: cap alphabetic; } h2 { font-size: 3.75rem; text-box-trim: trim-both; text-box-edge: cap alphabetic; } p { font-size: 1.875rem; text-box-trim: trim-both; text-box-edge: cap alphabetic; } @media (max-width: 800px) { .container { padding: 1rem; } h1 { font-size: 4rem; } h2 { font-size: 2rem; } p { font-size: 1.5rem; } }

Warning

JavaScript is disabled

Please enable JavaScript in your browser to use this site