.tabs {
  position: absolute; left:550px; top:100px;
  font-family: verdana;
  }
.tabitem {
  cursor: pointer;
}
.nextButton {
    font-family: verdana;
    cursor: pointer;
    font-size: 12px;
    background-color: white;
}
.finalText {
    font-family: verdana;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    /* background-color: white; */
    -webkit-animation:colorchange 10s infinite alternate;
    -moz-animation:colorchange 10s infinite alternate;
}
#testimg0 {
   display:none;
}
#testimg1 {
   display:none;
}
#next1 {
   display:none; position: absolute; left:310px; top: 460px;
}
#testimg2 {
   position: absolute; left: 310px; top: 300px; display:none;
}
#next2 {
   display:none; position: absolute; left:510px; top: 460px;
}
#testimg3 {
   position: absolute; left: 600px; top: 230px; display:none;
}
#next3 {
   display:none; position: absolute; left:800px; top: 500px;
}
#testimg4 {
   position: absolute; left: 900px; top: 130px; display:none;
}
#next4 {
   display:none; position: absolute; left:1000px; top: 400px;
}
#testimg5 {
   position: absolute; left: 60px; top: 490px; display:none;
}
#next5 {
   display:none; position: absolute; left:580px; top: 670px;
}
#testimg6 {
   position: absolute; left: 650px; top: 510px; display:none;
}
#next6 {
   display:none; position: absolute; left:1100px; top: 740px;
}
#testimg7 {
   position: absolute; left: 100px; top: 700px; display:none;
}
#next7 {
   display:none; position: absolute; left:610px; top: 900px;
}
#testimg8 {
   position: absolute; left: 650px; top: 750px; display:none;
}
#next8 {
   display:none; position: absolute; left:1100px; top: 1000px;
}
#testimg9 {
   position: absolute; left: 50px; top: 950px; display:none;
}
#next9 {
   display:none; position: absolute; left:580px; top: 1100px;
}
#testimg10 {
   position: absolute; left: 600px; top: 1000px; display:none;
}
#finalText {
   display:none; position: absolute; left:280px; top: 1200px;
}
#finalBigMsg {
   display:none; position:absolute; left:350px; top:1050px; font-size: 50px;
   font-style:italic; color:indigo;
}
#grayCanvas {
   position: absolute; left: 0px; top: 930px;
   background-color: gray;
   width: 1400px;
   height: 380px;
}
.bottom-msg {
  position: absolute; left:500px; top:500px;
  color: #313131;
  font-size: 25px;
  font-style: italic;
  -webkit-animation:colorchange 20s infinite alternate;
  -moz-animation:colorchange 20s infinite alternate;
}
@-webkit-keyframes colorchange {
      0%  { color: blue;   }
      10% { color: #8e44ad;}
      20% { color: #1abc9c;}
      30% { color: #d35400;}
      40% { color: blue;   }
      50% { color: #34495e;}
      60% { color: blue;   }
      70% { color: #2980b9;}
      80% { color: #f1c40f;}
      90% { color: #2980b9;}
      100% { color: pink;  }
}