@keyframes count {
  0% {
    transform: scale(1);
    opacity: 100%;
  }
  100% {
    transform: scale(5);
    opacity: 0%;
  }
}

#countdown {
  font-size: 15vw;
  font-weight: 700;
  color: white;
  height: auto;
  width: 100%;
  margin: auto;
  text-align: center;
  overflow: hidden;
}
.runanim {
  animation: count 1s linear 0s 1 forwards;
  display:none;  /* remove before flight*/
}
a {
    color: inherit;
    text-decoration: inherit; 
  }

@font-face {
  font-family: "Heebo";
  src: url("Heebo-Thin.ttf") format("truetype");
  font-weight: 100;
}
@font-face {
  font-family: "Heebo";
  src: url("Heebo-Bold.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "Heebo";
  src: url("Heebo-Regular.ttf") format("truetype");
  font-weight: 400;
}

#pg {
  visibility: hidden;
  overflow: hidden;
  height: 100vh;
}

html {
  width: 100vw;
  height: 100vh;
}
body {
  text-align: center;
  font-family: Heebo, sans-serif;
  background-color: #333333;
  width: 90%;
  min-height: 100%;
  margin: auto;
  color: #ffffff;
}
h1 {
  letter-spacing: -0.8vw;
  line-height: 100%;
  font-size: 15vw;
  font-weight: 700;
  color: #aaaaaa;
  text-align: center;
  margin: 4rem 0 0 0;
  
}
h2 {
  letter-spacing: 6.5vw;
  margin: 1rem 0 7rem 0;
  padding-left: 2.2vw;
  line-height: 100%;
  font-size: 4vw;
  font-weight: 700;
  color: #333333;
  text-align: center;
  box-shadow: inset 0 -4vw 0 0 #aaaaaa;
}
h3 {
  color: #aaaaaa;
}
  
#loc {
  width: 72vw;
  margin: auto;
  text-align: center;
}

.about {
  display:none;
  overflow: hidden;
  height: 0;
  width:0;
}