@keyframes grow {
  0%   {font-size:8pt;   text-shadow: 0px 0px 4px #0087BD;}
  50%  {font-size:250pt;   text-shadow: 0px 0px 50px #0087BD;}
  100% {font-size:300pt;   text-shadow: 0px 0px 60px #0087BD;}
}

@keyframes growItIs {
  0%   {font-size:8pt;   color: white; text-shadow: 0px 0px 4px white;}
  25%  {font-size:270pt; color: rgb(247, 164, 249); text-shadow: 0px 0px 55px #fde7fd;}
  50%  {font-size:290pt; color: #66d9ff; text-shadow: 0px 0px 60px #e6f9ff;}
  75%  {font-size:310pt; color: #66ff66; text-shadow: 0px 0px 65px #e6ffe6;}
  100% {font-size:330pt; color: white; text-shadow: 0px 0px 70px white;}
}

.itsNot
{
	background: #FFFFFF;
	color: #000000;
	width: 100%;
}

.itIs
{
	background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('aj.gif');
	background-repeat: no-repeat;
	background-size: 100% auto;
	color: #FFFFFF;
	width: 100%;
}

.buttonHolder
{
	width: auto;
}

/* The element to apply the animation to */
.itsNot .mainText {
  font-family: Helvetica, Arial, sans-serif; 
  animation-name: grow;
  animation-duration: 30s;
  animation-fill-mode: forwards;
  text-align: center;
  padding: 0px;
  margin: 10px;
  white-space: nowrap;
  animation-timing-function: linear;
}

.itIs .mainText {
  font-family: Helvetica, Arial, sans-serif; 
  animation-name: growItIs;
  animation-duration: 30s;
  animation-fill-mode: forwards;
  text-align: center;
  padding: 0px;
  margin: 10px;
  white-space: nowrap;
  text-shadow: 0px 0px 15px #FFD300;
  animation-timing-function: linear;
}
.subText {
  font-family: segoe UI; 
  font-size: 12 pt;
  text-align: center;
}

.question {
  position: absolute;
  top: 75%;
  text-align: center;
}

.button {
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button1 {
  background-color: white; 
  color: black; 
  border: 2px solid #4CAF50;
}

.button1:hover {
  background-color: #4CAF50;
  color: white;
}

.button2 {
  background-color: white; 
  color: black; 
  border: 2px solid #008CBA;
}

.button2:hover {
  background-color: #008CBA;
  color: white;
}

.pyro > .before, .pyro > .after {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
  -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
}

.pyro > .after {
  -moz-animation-delay: 1.25s, 1.25s, 1.25s;
  -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
  -o-animation-delay: 1.25s, 1.25s, 1.25s;
  -ms-animation-delay: 1.25s, 1.25s, 1.25s;
  animation-delay: 1.25s, 1.25s, 1.25s;
  -moz-animation-duration: 1.25s, 1.25s, 6.25s;
  -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
  -o-animation-duration: 1.25s, 1.25s, 6.25s;
  -ms-animation-duration: 1.25s, 1.25s, 6.25s;
  animation-duration: 1.25s, 1.25s, 6.25s;
}

@-webkit-keyframes bang {
  to {
    box-shadow: 213px -88.6666666667px #ff7300, -163px -363.6666666667px #0080ff, 154px -45.6666666667px #ff8400, -95px -320.6666666667px #00f7ff, -246px -347.6666666667px #ff7300, 82px -33.6666666667px #62ff00, 188px -390.6666666667px #00bbff, 92px -268.6666666667px #0059ff, 227px -230.6666666667px #00ff40, 147px -201.6666666667px #00ffae, 43px -287.6666666667px #00ffee, -45px -183.6666666667px #51ff00, -103px -374.6666666667px #dd00ff, 75px -253.6666666667px #ff2600, 139px -163.6666666667px #ff00a2, -221px 52.3333333333px #ff2200, 141px -154.6666666667px #00b7ff, 180px -310.6666666667px #11ff00, 242px 2.3333333333px #2600ff, -141px -150.6666666667px #b7ff00, 125px -310.6666666667px #00ff80, -78px -409.6666666667px #00ff88, -127px -205.6666666667px #ff007b, -27px -319.6666666667px #ff00fb, -165px 44.3333333333px #5eff00, -163px -234.6666666667px #00ff9d, 77px -156.6666666667px #ff00d9, -42px -42.6666666667px #0088ff, -196px 7.3333333333px #00ff22, 221px -234.6666666667px #2200ff, -133px -23.6666666667px #ffae00, 25px -93.6666666667px #ff00b3, -122px -103.6666666667px #ff1a00, 178px 54.3333333333px #bbff00, -214px -351.6666666667px #ff7b00, -137px -209.6666666667px #bfff00, -182px -72.6666666667px #c8ff00, 72px -213.6666666667px #9100ff, 64px 26.3333333333px #00ff55, -127px -165.6666666667px #ff00aa, 0px -216.6666666667px #00ff66, -242px -320.6666666667px #ff00a2, 101px 21.3333333333px #84ff00, 109px -0.6666666667px #ff002f, 132px -383.6666666667px lime, -194px -249.6666666667px #ff0048, 77px -15.6666666667px #fff200, 138px -68.6666666667px #2200ff, 132px 13.3333333333px #00ffc8, 176px -348.6666666667px #00ff26, 33px -58.6666666667px #ff0d00;
  }
}
@-moz-keyframes bang {
  to {
    box-shadow: 213px -88.6666666667px #ff7300, -163px -363.6666666667px #0080ff, 154px -45.6666666667px #ff8400, -95px -320.6666666667px #00f7ff, -246px -347.6666666667px #ff7300, 82px -33.6666666667px #62ff00, 188px -390.6666666667px #00bbff, 92px -268.6666666667px #0059ff, 227px -230.6666666667px #00ff40, 147px -201.6666666667px #00ffae, 43px -287.6666666667px #00ffee, -45px -183.6666666667px #51ff00, -103px -374.6666666667px #dd00ff, 75px -253.6666666667px #ff2600, 139px -163.6666666667px #ff00a2, -221px 52.3333333333px #ff2200, 141px -154.6666666667px #00b7ff, 180px -310.6666666667px #11ff00, 242px 2.3333333333px #2600ff, -141px -150.6666666667px #b7ff00, 125px -310.6666666667px #00ff80, -78px -409.6666666667px #00ff88, -127px -205.6666666667px #ff007b, -27px -319.6666666667px #ff00fb, -165px 44.3333333333px #5eff00, -163px -234.6666666667px #00ff9d, 77px -156.6666666667px #ff00d9, -42px -42.6666666667px #0088ff, -196px 7.3333333333px #00ff22, 221px -234.6666666667px #2200ff, -133px -23.6666666667px #ffae00, 25px -93.6666666667px #ff00b3, -122px -103.6666666667px #ff1a00, 178px 54.3333333333px #bbff00, -214px -351.6666666667px #ff7b00, -137px -209.6666666667px #bfff00, -182px -72.6666666667px #c8ff00, 72px -213.6666666667px #9100ff, 64px 26.3333333333px #00ff55, -127px -165.6666666667px #ff00aa, 0px -216.6666666667px #00ff66, -242px -320.6666666667px #ff00a2, 101px 21.3333333333px #84ff00, 109px -0.6666666667px #ff002f, 132px -383.6666666667px lime, -194px -249.6666666667px #ff0048, 77px -15.6666666667px #fff200, 138px -68.6666666667px #2200ff, 132px 13.3333333333px #00ffc8, 176px -348.6666666667px #00ff26, 33px -58.6666666667px #ff0d00;
  }
}
@-o-keyframes bang {
  to {
    box-shadow: 213px -88.6666666667px #ff7300, -163px -363.6666666667px #0080ff, 154px -45.6666666667px #ff8400, -95px -320.6666666667px #00f7ff, -246px -347.6666666667px #ff7300, 82px -33.6666666667px #62ff00, 188px -390.6666666667px #00bbff, 92px -268.6666666667px #0059ff, 227px -230.6666666667px #00ff40, 147px -201.6666666667px #00ffae, 43px -287.6666666667px #00ffee, -45px -183.6666666667px #51ff00, -103px -374.6666666667px #dd00ff, 75px -253.6666666667px #ff2600, 139px -163.6666666667px #ff00a2, -221px 52.3333333333px #ff2200, 141px -154.6666666667px #00b7ff, 180px -310.6666666667px #11ff00, 242px 2.3333333333px #2600ff, -141px -150.6666666667px #b7ff00, 125px -310.6666666667px #00ff80, -78px -409.6666666667px #00ff88, -127px -205.6666666667px #ff007b, -27px -319.6666666667px #ff00fb, -165px 44.3333333333px #5eff00, -163px -234.6666666667px #00ff9d, 77px -156.6666666667px #ff00d9, -42px -42.6666666667px #0088ff, -196px 7.3333333333px #00ff22, 221px -234.6666666667px #2200ff, -133px -23.6666666667px #ffae00, 25px -93.6666666667px #ff00b3, -122px -103.6666666667px #ff1a00, 178px 54.3333333333px #bbff00, -214px -351.6666666667px #ff7b00, -137px -209.6666666667px #bfff00, -182px -72.6666666667px #c8ff00, 72px -213.6666666667px #9100ff, 64px 26.3333333333px #00ff55, -127px -165.6666666667px #ff00aa, 0px -216.6666666667px #00ff66, -242px -320.6666666667px #ff00a2, 101px 21.3333333333px #84ff00, 109px -0.6666666667px #ff002f, 132px -383.6666666667px lime, -194px -249.6666666667px #ff0048, 77px -15.6666666667px #fff200, 138px -68.6666666667px #2200ff, 132px 13.3333333333px #00ffc8, 176px -348.6666666667px #00ff26, 33px -58.6666666667px #ff0d00;
  }
}
@-ms-keyframes bang {
  to {
    box-shadow: 213px -88.6666666667px #ff7300, -163px -363.6666666667px #0080ff, 154px -45.6666666667px #ff8400, -95px -320.6666666667px #00f7ff, -246px -347.6666666667px #ff7300, 82px -33.6666666667px #62ff00, 188px -390.6666666667px #00bbff, 92px -268.6666666667px #0059ff, 227px -230.6666666667px #00ff40, 147px -201.6666666667px #00ffae, 43px -287.6666666667px #00ffee, -45px -183.6666666667px #51ff00, -103px -374.6666666667px #dd00ff, 75px -253.6666666667px #ff2600, 139px -163.6666666667px #ff00a2, -221px 52.3333333333px #ff2200, 141px -154.6666666667px #00b7ff, 180px -310.6666666667px #11ff00, 242px 2.3333333333px #2600ff, -141px -150.6666666667px #b7ff00, 125px -310.6666666667px #00ff80, -78px -409.6666666667px #00ff88, -127px -205.6666666667px #ff007b, -27px -319.6666666667px #ff00fb, -165px 44.3333333333px #5eff00, -163px -234.6666666667px #00ff9d, 77px -156.6666666667px #ff00d9, -42px -42.6666666667px #0088ff, -196px 7.3333333333px #00ff22, 221px -234.6666666667px #2200ff, -133px -23.6666666667px #ffae00, 25px -93.6666666667px #ff00b3, -122px -103.6666666667px #ff1a00, 178px 54.3333333333px #bbff00, -214px -351.6666666667px #ff7b00, -137px -209.6666666667px #bfff00, -182px -72.6666666667px #c8ff00, 72px -213.6666666667px #9100ff, 64px 26.3333333333px #00ff55, -127px -165.6666666667px #ff00aa, 0px -216.6666666667px #00ff66, -242px -320.6666666667px #ff00a2, 101px 21.3333333333px #84ff00, 109px -0.6666666667px #ff002f, 132px -383.6666666667px lime, -194px -249.6666666667px #ff0048, 77px -15.6666666667px #fff200, 138px -68.6666666667px #2200ff, 132px 13.3333333333px #00ffc8, 176px -348.6666666667px #00ff26, 33px -58.6666666667px #ff0d00;
  }
}
@keyframes bang {
  to {
    box-shadow: 213px -88.6666666667px #ff7300, -163px -363.6666666667px #0080ff, 154px -45.6666666667px #ff8400, -95px -320.6666666667px #00f7ff, -246px -347.6666666667px #ff7300, 82px -33.6666666667px #62ff00, 188px -390.6666666667px #00bbff, 92px -268.6666666667px #0059ff, 227px -230.6666666667px #00ff40, 147px -201.6666666667px #00ffae, 43px -287.6666666667px #00ffee, -45px -183.6666666667px #51ff00, -103px -374.6666666667px #dd00ff, 75px -253.6666666667px #ff2600, 139px -163.6666666667px #ff00a2, -221px 52.3333333333px #ff2200, 141px -154.6666666667px #00b7ff, 180px -310.6666666667px #11ff00, 242px 2.3333333333px #2600ff, -141px -150.6666666667px #b7ff00, 125px -310.6666666667px #00ff80, -78px -409.6666666667px #00ff88, -127px -205.6666666667px #ff007b, -27px -319.6666666667px #ff00fb, -165px 44.3333333333px #5eff00, -163px -234.6666666667px #00ff9d, 77px -156.6666666667px #ff00d9, -42px -42.6666666667px #0088ff, -196px 7.3333333333px #00ff22, 221px -234.6666666667px #2200ff, -133px -23.6666666667px #ffae00, 25px -93.6666666667px #ff00b3, -122px -103.6666666667px #ff1a00, 178px 54.3333333333px #bbff00, -214px -351.6666666667px #ff7b00, -137px -209.6666666667px #bfff00, -182px -72.6666666667px #c8ff00, 72px -213.6666666667px #9100ff, 64px 26.3333333333px #00ff55, -127px -165.6666666667px #ff00aa, 0px -216.6666666667px #00ff66, -242px -320.6666666667px #ff00a2, 101px 21.3333333333px #84ff00, 109px -0.6666666667px #ff002f, 132px -383.6666666667px lime, -194px -249.6666666667px #ff0048, 77px -15.6666666667px #fff200, 138px -68.6666666667px #2200ff, 132px 13.3333333333px #00ffc8, 176px -348.6666666667px #00ff26, 33px -58.6666666667px #ff0d00;
  }
}
@-webkit-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-moz-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-o-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-ms-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-webkit-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-moz-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-o-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-ms-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}