html, body {
  display: grid;
}

html {
  min-height: 100%;
  background: linear-gradient(90deg, #727272, white);
}

body {
  place-items: center;
  text-align: center;
}

h1 {
  font: 900 clamp(1em, 3vw, 4em) overlock, serif;
}

svg {
  overflow: visible;
}
@media (max-width: 1024px) {
    h1{
        font: 900 clamp(1em, 20vw, 8em) overlock, serif;
    }
}