<h1>Cocktail</h1>

@font-face {
  font-family: "Gillies Gothic Light";
  src: url("https://raw.githubusercontent.com/robole/title-sequences/main/cocktail/gillies-gothic-light.otf");
  font-display: block;
}

body {
  height: 100dvh;
  margin: 0;

  display: grid;
  background-color: black;
  place-items: center;
}

h1 {
  color: white;

  font-family: "Gillies Gothic Light", cursive;
  font-size: 6rem;

  animation: flicker 2s infinite ease-in-out;
}

@keyframes flicker {
  to {
    text-shadow: 0 0 5px blue, 0 0 10px blue, 0 0 15px blue, 0 0 20px blue,
      0 0 25px blue, 0 0 30px blue;
  }
}