body{
    background-image: linear-gradient(to top, blue,white);
    height: 100vh;
    margin: 0;
}


#smoesjesantwoorden {
    position: relative;
    top: 270px;
    left: 660px;
    margin: 0 auto;
    
}    

#blauwkader {
    width: 1360px;
    height: 175px;
    background-color:rgb(57, 128, 187);
    position: relative;
    top: 465px;
    left: -10px;
}

#outputDiv {
    position: relative;
    margin: 0 auto;
    top: 320px;
   left: 600px;
}

#blauwbol1 {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-color: rgb(57, 128, 187);
    position: relative;
    top: -53px;
    left: 640px;
    z-index: -3;
}

#blauwbol2 {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-color: rgb(57, 128, 187);
    position: relative;
    top: -100px;
    left: 580px;
    z-index: -3;
}



#blauwbol3 {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-color: rgb(57, 128, 187);
    position: relative;
    top: -145px;
    left: 620px;
    z-index: -3;
}

#blauwbol4 {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-color: rgb(57, 128, 187);
    position: relative;
    top: -300px;
    left: 680px;
    z-index: -3;
}

#blauwbol5 {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-color: rgb(57, 128, 187);
    position: relative;
    top: -350px;
    left: 680px;
    z-index: -3;
}

#blauwbol6 {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-color: rgb(57, 128, 187);
    position: relative;
    top: -455px;
    left: 580px;
    z-index: -3;
}

#blauwbol7 {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-color: rgb(57, 128, 187);
    position: relative;
    top: -640px;
    left: 580px;
    z-index: -3;
}

#blauwbol8 {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-color: rgb(57, 128, 187);
    position: relative;
    top: -740px;
    left: 680px;
    z-index: -3;
}