body {
  margin:0;
  padding:0;
  background-image:url(images/Background.png);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
#term {
  width:600px;
  height:525px;
  overflow-y:auto;
  margin:auto;
  border:2px solid;
  border-color:#000000;
  color:#000000;
  margin-top:100px;
  font-family:Comic Sans MS;
}
#textbox {
  width:600px;
  height:75px;
  margin:auto;
  border:2px solid;
  border-color:#000000;
  color:#000000;
  text-align:center;
}
#textBox {
  width:592px;
  height:69px;
  margin:auto;
  background-color:transparent;
  color:#000000;
  text-align:center;
  font-family:Comic Sans MS;
}
a {
  color:#000000;
}
@keyframes rainbow {
  0%     {color: #ff0000;}
  16.66% {color: #ff8800;}
  33.32% {color: #ffff00;}
  49.98% {color: #00ff00;}
  66.64% {color: #0000ff;}
  83.30% {color: #8800ff;}
  100%   {color: #ff0000;}
}
@keyframes rainbowlines {
  0%     {text-decoration-color: #ff0000;}
  16.66% {text-decoration-color: #ff8800;}
  33.32% {text-decoration-color: #ffff00;}
  49.98% {text-decoration-color: #00ff00;}
  66.64% {text-decoration-color: #0000ff;}
  83.30% {text-decoration-color: #8800ff;}
  100%   {text-decoration-color: #ff0000;}
}
@keyframes rainbowback {
  0%     {background-color: #ff0000;}
  16.66% {background-color: #ff8800;}
  33.32% {background-color: #ffff00;}
  49.98% {background-color: #00ff00;}
  66.64% {background-color: #0000ff;}
  83.30% {background-color: #8800ff;}
  100%   {background-color: #ff0000;}
}
.special {
  animation: 2s infinite rainbow;
}
.wrongtext {
  color:#000000;
  text-decoration:line-through;
  animation: 2s infinite rainbowlines;
}
.highlight {
  color:#000000;
  animation: 2s infinite rainbowback;
}