@import url('https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap');

html,
body {
  height: 100%
}

body {
  overflow-x: hidden;
  overflow-y: hidden;
}

#countdown {
  font-family: 'Montserrat', sans-serif;
  font-size: 150pt;
  line-height: 0.8em;
  /* color: #00ff00; */
  color: white;
  margin-top: -50px;
}

#top {
  font-family: 'Montserrat', sans-serif;
  font-size: 100px;
  /* color: #00ff00; */
  color: white;
}

.centerText {
  text-align: center;
  vertical-align: middle;
}

.animation {
  background: linear-gradient(201deg, #bc0091, #0064ea);
  background-size: 1000% 1000%;
  -webkit-animation: GRADIENT 59s ease infinite;
  -moz-animation: GRADIENT 59s ease infinite;
  animation: GRADIENT 59s ease infinite;
}

@-webkit-keyframes GRADIENT {
  0%{background-position:72% 0%}
  50%{background-position:29% 100%}
  100%{background-position:72% 0%}
}
@-moz-keyframes GRADIENT {
  0%{background-position:72% 0%}
  50%{background-position:29% 100%}
  100%{background-position:72% 0%}
}
@keyframes GRADIENT {
  0%{background-position:72% 0%}
  50%{background-position:29% 100%}
  100%{background-position:72% 0%}
}