:root {
  font-family: 'Meta';, sans-serif;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f1e7;
  width: 100vw;
  height: 100vh;
}

div {
  font-size: 15rem;
  text-align: center;
  color: transparent;
  -webkit-text-stroke: 2px white;

  font-variation-settings: "wght" 100, "ital" 0;
  text-shadow: 
  
  5px 5px 0px #12a3e7,
  10px 10px 0px #25b046,
  15px 15px 0px #fdbe2d,
  20px 20px 0px #ff8000,
  25px 25px 0px #e62011;

  transition: all 0.5s;
}

div:hover {
  font-variation-settings: "wght" 100, "ital" 1;
  text-shadow: none;
}