/*alastair*/
.alastairbody {
background-color: #262626;
}

.alastairbox {
text-align: center;
margin-left: 600px;
margin-right: 600px;
margin-top: 100px;
}

.alastair {
    position: absolute;
  animation-name: imagevanish;
animation-timing-function: jump-start;
animation-iteration-count: 1;
animation-duration: 0s;
animation-delay: 3s;
animation-fill-mode: forwards;
}

@keyframes imagevanish {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

.alastairidle {
animation-name: imageappear;
animation-timing-function: jump-start;
animation-iteration-count: 1;
animation-duration: 0s;
animation-delay: 3s;
animation-fill-mode: backwards;
}

@keyframes imageappear {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

.alastairtext {
  background-color: #262626;
  border: solid dimgrey 1px;
  margin-right: 500px;
  margin-left: 500px;
  margin-top: 200px;
  color: Gainsboro;
  text-align: center;
  font-family: courier;
}

alastairtext2 {
  background-color: black;
  border: solid red 1px;
  margin-right: 500px;
  margin-left: 500px;
  margin-top: 200px;
  color: red;
  text-align: center;
}