:root {
  --pageGrey: #212121;
  --lightBlue: #acc0ce;
  --pagePurple: #946E83;
  --pagePink: #fff0fb;
  --pageYellow: #fadf72;
  
  --darkBlue: #42565d;
  --pageGreen: #5f9774;
  --lightGreen: #8ed29c;
  --shadowBlue: #edfff4;
  --grey: #a2a2a2;
}

body {
  margin: 0;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--lightGreen);
}
h1 {
  animation: float 1s linear infinite alternate ;
  text-align: center;
  color: white;
  font-family: arial;
  font-size: 90px;
  line-height: 90px;
  letter-spacing: 15px;
  text-shadow:
  0 1px 0 #efefef,
  0 2px 0 #efefef,
  0 3px 0 #efefef,
  0 4px 0 #efefef,
  0 30px 5px rgba(0,0,0,.1);
}
@keyframes float {
  from {transform: rotate(5deg);}
  to { transform: rotate(-5deg);}
}