@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Roboto:wght@400;500;700;900&family=Tilt+Neon&display=swap");

body {
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

/* The font-smooth CSS property controls the application of anti-aliasing when fonts are rendered. */
/* https://github.com/woocommerce/storefront/issues/698 */

h2 {
  text-transform: uppercase;
  font-size: 10em;
  font-family: sans-serif;
  text-shadow: 10px 10px 0 #002c3e, 15px 15px 0 #e601c0, 20px 20px 0 #e9019a,
    25px 25px 0 #f40468, 45px 45px 10px #f79098;

  color: transparent;
  cursor: pointer;
  -webkit-text-stroke: 4px #d6f4f4;
  transition: all 0.5s;
}

h2:hover {
  text-shadow: none;
}