body {
  font-family: Arial;
  font-color:#303030;
}
.nappi {
  width:85px;
  height:85px;
  border-radius:8px;
  background-color:#80b6ff;
  border-color:#505050;
  font-size:20px;
}
.nappi:hover {
  width:85px;
  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:85px;
  height:85px;
  border-radius:8px;
  background-color:#60df96;
  border-color:#505050;
  font-size:20px;
}
.nappivaarin {
  width:85px;
  height:85px;
  border-radius:8px;
  background-color:#ff6650;
  border-color:#505050;
  font-size:20px;
}

.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;
}