body{
    margin: 0;
    padding: 0;
    background-color: black;
}

#SchoolOpdrachten{
    display: block;
    height: 98%;
    width: 25%;
    position: absolute;
    left: 4px;
    top: 2px;
    color: rgb(255, 0, 0);
    box-shadow:
    0 0 0px rgb(255, 0, 0),
    0 0 6px rgb(255, 0, 0),
    0 0 12px rgb(255, 0, 0);

.VliegendeilandOpdracht{
    display: block;
    height:15%;
    width:100%;
    background:black;
    position: absolute;
    top:0%;
    left:0%;
    box-shadow:
    0 0 0px rgb(255, 0, 0),
    0 0 6px rgb(255, 0, 0),
    0 0 12px rgb(255, 0, 0);
    text-decoration: rgb(255, 0, 0);
    text-shadow: 
    0 0 0px rgb(255, 0, 0),
    0 0 6px rgb(255, 0, 0),
    0 0 12px rgb(255, 0, 0);
}

.pixelArt{
    display: block;
    height: 15%;
    width: 100%;
    background:black;
    position: absolute;
    top:15%;
    left:0%;
    box-shadow:
    0 0 0px rgb(255, 0, 0),
    0 0 6px rgb(255, 0, 0),
    0 0 12px rgb(255, 0, 0);
    text-decoration: rgb(255, 0, 0);
    text-shadow: 
    0 0 0px rgb(255, 0, 0),
    0 0 6px rgb(255, 0, 0),
    0 0 12px rgb(255, 0, 0);
}

.smoesjesBox{
    display: block;
    height: 15%;
    width: 100%;
    background:black;
    position: absolute;
    top: 30%;
    left:0%;
    box-shadow:
    0 0 0px rgb(255, 0, 0),
    0 0 6px rgb(255, 0, 0),
    0 0 12px rgb(255, 0, 0);
    text-decoration: rgb(255, 0, 0);
    text-shadow: 
    0 0 0px rgb(255, 0, 0),
    0 0 6px rgb(255, 0, 0),
    0 0 12px rgb(255, 0, 0);
}

.bootschappenlijst{
    display: block;
    height: 15%;
    width:100%;
    background:black;
    position: absolute;
    top: 45%;
    left:0%;
    box-shadow:
    0 0 0px rgb(255, 0, 0),
    0 0 6px rgb(255, 0, 0),
    0 0 12px rgb(255, 0, 0);
    text-decoration: rgb(255, 0, 0);
    text-shadow: 
    0 0 0px rgb(255, 0, 0),
    0 0 6px rgb(255, 0, 0),
    0 0 12px rgb(255, 0, 0);
}

.smiley{
    display: block;
    height: 15%;
    width: 100%;
    background: black;
    position: absolute;
    top:60%;
    left:0%;
    box-shadow:
    0 0 0px rgb(255, 0, 0),
    0 0 6px rgb(255, 0, 0),
    0 0 12px rgb(255, 0, 0);
    text-shadow:
    0 0 0px rgb(255, 0, 0),
    0 0 6px rgb(255, 0, 0),
    0 0 12px rgb(255, 0, 0);
}
.PietMondriaan{
    display: block;
    height: 15%;
    width: 100%;
    background:black;
    position: absolute;
    top:75%;
    left:0%;
    box-shadow:
    0 0 0px rgb(255, 0, 0),
    0 0 6px rgb(255, 0, 0),
    0 0 12px rgb(255, 0, 0);
    text-shadow:
    0 0 0px rgb(255, 0, 0),
    0 0 6px rgb(255, 0, 0),
    0 0 12px rgb(255, 0, 0);
}
}


.link1{
    text-decoration: none;
    color:rgb(255, 0, 0);
}
.link2{
    text-decoration: none;
    color:rgb(255, 0, 0);
}
.link3{
    text-decoration: none;
    color:rgb(255, 0, 0);
}
.link4{
    text-decoration: none;
    color:rgb(255, 0, 0);
}
.link5{
    text-decoration: none;
    color:rgb(255, 0, 0);
}
.link6{
    text-decoration: none;
    color:rgb(255, 0, 0);
}