*{
    font-family: 'Roboto Slab';

}
  

body{
    display: flex;

    flex-direction: column;
    background-image: linear-gradient(to right,#302683 , #e42c86);

}
.spelButton{
    height: 250px;
    width: 250px;
    background-size: cover;
    padding-top: 150px;
}
@media screen and (max-width: 1500px) {
    .spelButton{
        height:200px ;
        width: 200px;
        background-size: cover;
        padding-top: 150px;
    }
  }

  #spel-0-0{
    background-image: url('pizza.png');
  } 
h1{
    text-align: center;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    font-size: 4em;
    color:  #98d6f6;

}
.spelKeuze{
    height: 50px;
}
.spelrij{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 100%;
    margin-bottom: 40px;
}
.spelrijKeuze{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 100%;
}
.spel{
    display: flex;
    flex-direction:column;

}

.spelButton:focus{
    box-shadow: 0 0 15px 15px  #4fb9ab;
}