body {
  font-family: Arial;
  font-color:#303030;
}
.nappi {
  width:140px;
  height:85px;
  border-radius:8px;
  background-color:#80b6ff;
  border-color:#505050;
  font-size:16px;
}
.nappi:hover {
  width:140px;
  height:85px;
  border-radius:8px;
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24), 0 8px 10px 0 rgba(0,0,0,0.19);
  background-color:#6096df;
  cursor:pointer;
}
.nappioikein {
  width:140px;
  height:85px;
  border-radius:8px;
  background-color:#60df96;
  border-color:#505050;
  font-size:16px;
}
.nappivaarin {
  width:140px;
  height:85px;
  border-radius:8px;
  background-color:#ff6650;
  border-color:#505050;
  font-size:16px;
}

.next {
  border-radius:8px;
  background-color:#80b6ff;
  border-color:#505050;
  font-size:16px;
  margin-left:30px;
  cursor:pointer;
}

nappi:active, nappi:focus, next:active, next:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}
#before, #next {
  cursor: pointer;
}
#lukualue {
   z-index:1;
}
.kuva {
   border:1px solid #555; 
   padding:4px;
   z-index:3;
}
.text {
   margin-left:10px;
   margin-top:-0px;
   width:688px;
   padding:1px;
   z-index:10;
   color:#333;
   font-weight:bold;
}
#pist {
   margin-top:50px;
}
#tehtavaosio {
 xborder:solid #000 2px;
 width:700px;
 margin-top:20px;
 margin-left:35px;
}