*{
    margin: 0;
    padding: 0; 
    box-sizing: border-box;
}



body{
    background-color: antiquewhite;
        background-image: url("img/achtergrondkader.png");
            background-size: 100% 150%;
    background-repeat: no-repeat;
    background-position: center;
}



h1{
margin-top:10px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}

div{
    width: 500px;
    height: 500px;
    background-color: white;
    text-align: center;
    margin: 20px auto;
    border-radius: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 3px 5px 5px 3px rgba(62, 62, 62, 0.3);
}

div:hover{
    width: 550px;
    height: 550px;
    box-shadow: 6px 10px 10px 3px rgba(62, 62, 62, 0.525);
}

div img{
    width: 40%;
    height: 40%;
}


.Eersteweek:hover{
    background-color: rgb(177, 177, 177);
}

.Eersteweek img{
    width: 60%;
}

.Tweedeweek:hover{
    background-color: black;
    color: white;
}

.Tweedeweek img{
    width: 45%;
}

.Derdeweek:hover{
background-color: beige;
}

.Vierdeweek:hover{
background-color: rgb(255, 224, 87);
}

.Vijfdeweek:hover{
    background-color: rgb(169, 169, 255);
}
.Vijfdeweek img{
    width: 60%;
}

.Zesdeweek:hover{
    background-color: rgb(254, 254, 224);
}

.Zesdeweek img{
    width: 30%;
}

.Zevendeweek:hover{
    background-color: orange;
}

.Achtsteweek:hover{
    background-color: grey;
    color: white;
}

.Negendeweek:hover{
    background-color: rgb(255, 111, 156);
}

.Tiendeweek:hover{
    background-color: rgb(72, 26, 26);
    color: white;
}

.Elfdeweek:hover{
    background-color: rgb(53, 139, 111);
    color: white;
}

.Elfdeweek img{
    width: 25%;
}

.Twaalfdeweek:hover{
    background-color: rgb(171, 171, 119);

}

.Twaalfdeweek img{
    width: 60%;
}

.Dertiendeweek:hover{
    background-color: rgb(138, 187, 138);
    color: white;
}

.Dertiendeweek img{
    width: 80%;
}

.Trimestrielebijdragen{
    width: 800px;
    height: 800px;
}

.Trimestrielebijdragen img{

    width: 75%;
    height: 75%;
}

.FavorieteWerk:hover{
    background-color: black;
    color: white;
}

.Trimestrielebijdragen:hover{
    height: 850px;
    width: 850px;
    background-color: black;
    color: white;
}


footer{
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 10px;
}