.game1, .game2, .game3, .game4, .game5, .game6, .game7, .game8, .finish
{ display: none;
  border: solid 1px black;
  border-radius: 30px;
  background-image: url(img/kokra.jpg);
  max-width: 70%;
  margin-left: 15%;
  padding-left: 10px;
  color: white;
  font-family: Helvetica;
}
#result, #result1, #result2, #result3, #result4, #result5, #result6, #result7 {
  max-width: 70%;
  margin-left: 15%;
  font-size: 40px;
  font-family: Helvetica
  color: white;

}

.begin {
  border-radius: 30px;
    border: solid 1px black;
    background-image: url(img/kokra.jpg);
    max-width: 70%;
    margin-left: 15%;
    padding-left: 10px;
    color: white;
    font-family: Helvetica
}
.finish {
  border-radius: 30px;
  display: none;
    border: solid 1px black;
    background-image: url(img/kokra.jpg);
    max-width: 70%;
    margin-left: 15%;
    padding-left: 10px;
    color: white;
    font-family: Helvetica
}
input, label, button
{
  font-size: 2em;
  margin-bottom: 15px;
  margin-left: 2px;
  max-width: 99%
}
.next, .next1, .next2, .next3, .next4, .next5, .next6, .next7 {
  display: none;
}
.reload {
  display: none;
}