body {
  margin: 0px;
}
#tausta {
   position:relative;
   width:750px;
   height:400px;
}
#aloita {
   background-color:#ddf;
   width:80px;
   height:40px;
   font-size:18px;
   border:solid #555 1px;
   border-radius:5px;
   cursor:pointer;
} 
#ohje {
   position:absolute;
   font-family: Arial;
   font-size:18px;
   top:150px;
   left:300px;
   text-align:center;
}
#pilvi {
   position:absolute;
   font-family: Arial;
   top:40px;
   left:170px;
}
#aurinko {
   position:absolute;
   font-family: Arial;
   top:0px;
   left:500px;
}
#meri {
   position:absolute;
   font-family: Arial;
   top:360px;
   left:150px;
   z-index:3;
}

#saari {
   position:absolute;
   font-family: Arial;
   top:295px;
   left:550px;
}
#peiteo {
   position:relative;
   z-index:10;
   background-color:#fff;
   top:260px;
   left:150px;
   width:200px;
   height:140px;
   float:right;
}
#peitev {
   position:relative;
   z-index:10;
   background-color:#fff;
   top:260px;
   left:0px;
   width:150px;
   height:140px;
   float:left;
}
.laiva {
   position:absolute;
   top:247px;
   left:690px;
   display:none;
   z-index:4;
}
@keyframes move { 0%{ left: 690px; top: 247px; } 100%{ left: -40px; top: 247px; }}
.liikuta {
   position:absolute;
   animation: move 10s linear;
}
.sana {
   position: absolute;
   font-size:16px;
   top:80px;
   left:10px;
   padding-left:5px;
   padding-right:5px;
   padding-top:2px;
   padding-bottom:2px;
   background-color:#555;
   color:#fff;
}
#palaute {
   text-align:center;
   position:absolute;
   top:200px;
   left:300px;
   font-size:14px;
}
#lopputxt {
   text-align:center;
   position:absolute;
   top:150px;
   left:350px;
   font-size:14px;
}
#pistetxt {
   position: absolute;
   top:95px;
   left:225px;
   
}