#screen {
  max-width: 100%;
  height: auto;
  z-index:4;
}
#start{
  margin:auto;
  width:300px;
  max-width: 100%;
  top:300px;
  right:300px;
  left:300px;
  position:absolute;
  text-align: center;
  display:block;
  z-index:2;
  background-attachment: scroll;
} 
#start2{
   margin:auto;
  width:300px;
  max-width: 100%;
  top:300px;
  right:300px;
  left:300px;
  position:absolute;
  text-align: center;
  display:block;
  z-index:3;
  opacity:0;
  background-attachment: scroll;

}
#start2:hover{
  opacity:1;
}
#title{
  width: 500px;
  display: flex;
  top:0px;
  right:5px;
  left:5px;
  text-align: center;
  margin: auto;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index:1;
  animation-name: myAnimation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction:alternate;
  
}


@keyframes myAnimation{
    from {top: 5px;}
    to {top:0px;}
}

body{
    background-color: midnightblue;
}
p{
    color:darkorange;
    font-family: "Lucida Console", "Courier New", monospace;
    margin: auto;
    border:darkorange solid 2px;
    text-align: center;
}