
body{
  background-color: black;

}

.stay{
position:fixed;
top:0px;
margin:0 20px 20px 900px;
padding:20px;
color: white;
font-family: "courier new:", monospace,serif;
text-align:left;
font-size: 25px;
font-style:oblique;
}
mark{

  color:800000;
}

.hide1{
  display: none;
}
.hide2{
  display: none;
}
.hide3{
  display: none;
}
.hide4{
  display: none;
}

.intro{
  font-family: "courier new:", monospace,serif;
  font-size: 40px;
  margin:300px 0px 0px 350px;
}

.butt{
  border: 2px double #CCCCCC ; 
  font-family: "courier new:", monospace,serif;
  font-size: 20px;
  -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
    text-align: center;
    position: absolute;
    margin:60px 0px 1800px 0px;
  }
    
  .butt:hover {
    background-color: white; 
    color: black;
}


.hide{
  display: none;
}

.gate{
  position: relative;
  background-color: black;
}

.hello{
  width:30%;
  position: fixed;
 
  
}
.location{
  width:20%;
  margin: 160px 0 0 800px;
  float: right;
  position: absolute;
 

}


.person{

  width:20%;
  margin: 860px 0 0 800px;
  float: right;
  position: absolute;
 

}


.spot{
   width:20%;
  margin: 1560px 0 0 800px;
  float: right;
  position: absolute;
 

}


.go{
  color:white;
   position: absolute;
  width: 305px; 
  height: 200px;
  font-size: 13px;
  line-height: 30px;
  text-align: center;
  font-family: "courier new:", monospace,serif;
  border: 10px double #CCCCCC;
  margin: 460px 0 0 800px;
  -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;

}

.stole{
   position: absolute;
  width: 500px; 
  height: 200px;
  font-size: 13px;
  color:white;
  text-align: center;
  font-family: "courier new:", monospace,serif;
  border: 10px double #CCCCCC;
  margin: 1060px 0 0 800px;
  -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
   


}
.go:hover {
    transform: scale(1.5); }

    .stole:hover {
    transform: scale(1.8); }


.rocket{
   margin: 1260px 0 0 200px;
  width: 30px;
 position: absolute;
 -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}
.rocket:hover {
   -webkit-transform: translate(20em,0);
    -moz-transform: translate(20em,0);
    -o-transform: translate(20em,0);
    -ms-transform: translate(20em,0);
    transform: translate(20em,0);





































