@keyframes myAnimation {
  0% {top:0; left:-300;
rotate:0deg;}
  100% {top:0px; left:1550px; rotate: 360deg;}
}

/* The element to apply the animation to */
#TECHNOPLANE {
    top:0px;
    left:-300px;
  width: 250px;
  position: relative;
  height: auto;
  animation-name: myAnimation;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
#TECHNOPLANE>img{
    width: 250px;
    height: auto;
}
body{
    overflow-x: hidden;
    overflow-y:hidden;
    background-color: black;
    transition: background-color 1s;
}
body:hover{
    background-color: darkred;
}
#PlayButton{
  display: none;
}
#BGCLICK{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
}
#DuelAnalysis{
  position:static;
  transition: transform 1s;
}
#DuelAnalysis:hover{
  transform: translate(-1200px, 0px);
}
h2{
    color: white;
    text-align: center;
    transition: transform 1s;
}
h2:hover{
    transform: scale(1.2);
}
#HungerGames{
  position:static;
  transition: transform 1s;
}
#HungerGames:hover{
  transform: translate(1200px, 0px);
}