body {
    background-color: #333B60;
    max-height: 100%;
}
.header{    
background-color: #3A6BA9;
position: relative;
height:100px;
}
#title{
position: relative;
margin:auto;
left:50%;
top: 20%;
font-size: 40px;
color: white;
}
.Kyano {
    width: 10%;
    position: relative;
    left: 10%;
    top: 50px;

}
#kyanoImg {
    width: 50%;
    border: 2px solid #312d2d;
    border-radius: 8px;
    padding: 5px 5px;
    border-width: 3px;
    background-color: #585252;
}
#kyanonaam {
    position: relative;
    top: -90px;
    right: -130%;
    color: white;
}
#kyanoinfo {
    position: relative;
    left: 290px;
    top: -70px;
    color: white;
}
.Justin {
    width: 10%;
    position: relative;
    left: 10%;
    top: 50px;

}
#justinImg {
    width: 50%;
    border: 2px solid #312d2d;
    border-radius: 8px;
    padding: 5px 5px;
    border-width: 3px;
    background-color: #585252;
}
#justinnaam {
    position: relative;
    top: -70px;
    right: -130%;
    color: white;
}
#justininfo {
    position: relative;
    left: 290px;
    top: -70px;
    color: white;
}
.Charisa {
    width: 10%;
    position: relative;
    left: 10%;
    top: 50px;

}
#charisaImg {
    width: 50%;
    border: 2px solid #312d2d;
    border-radius: 8px;
    padding: 5px 5px;
    border-width: 3px;
    background-color: #585252;
}
#charisanaam {
    position: relative;
    top: -70px;
    right: -130%;
    color: white;
}
#charisainfo {
    position: relative;
    left: 290px;
    top: -70px;
    color: white;
}
.Mo {
    width: 10%;
    position: relative;
    left: 10%;
    top: 50px;

}
#moImg {
    width: 50%;
    border: 2px solid #312d2d;
    border-radius: 8px;
    padding: 5px 5px;
    border-width: 3px;
    background-color: #585252;
}
#monaam {
    position: relative;
    top: -70px;
    right: -130%;
    color: white;
}
#moinfo {
    position: relative;
    left: 290px;
    top: -70px;
    color: white;
}
/*pagina incl html gemaakt door Kyano*/