/* roboto-latin-400-normal */ @font-face { font-family: "Roboto"; font-style: normal; font-display: swap; font-weight: 400; src: url(https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-400-normal.woff2) format("woff2"), url(https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-400-normal.woff) format("woff"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } * { padding: 0; margin: 0; } body { overflow: hidden; background-color: #121212; color: #fff; font-family: "Roboto", sans-serif; } svg { max-width: 80vw; } .container { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; }