#geelblok1 {
    width: 100px;
    height: 100px;
    background-color: yellow;
    position: relative;
    top: 302px;
    left: 1115px;
}

#oranje-geeligblok {
    width: 100px;
    height: 100px;
    background-color: orange;
    position: relative;
    top: 304px;
    left: 1115px;    
}

#zwartblok1 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -100px;
    left: 607px;
}

#zwartblok2 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -200px;
    left: 813px;
}

#zwartblok3 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -300px;
    left: 710px;
}

#zwartblok4 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -300px;
    left: 914px;
}

#zwartblok5 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -400px;
    left: 505px;
}

#zwartblok6 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -500px;
    left: 1115px;
}

#zwartblok7 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -498px;
    left: 1013px;
}

#zwartblok8 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -600px;
    left: 403px;
}

#zwartblok9 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -700px;
    left: 607px;
}

#lichtblauwblok1 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -799px;
    left: 505px;
}

#zwartblok10 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -899px;
    left: 1218px;
}

#zwartblok11 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -897px;
    left: 1218px;
}

#zwartblok12 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -997px;
    left: 1013px;
}

#zwartblok13 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -1097px;
    left: 607px;
}

#donkerblauwblok1 {
    width: 100px;
    height: 100px;
    background-color: rgb(111, 128, 138);
    position: relative;
    top: -1197px;
    left: 504px;
}

#zwartblok14 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -1297px;
    left: 403px;
}

#zwartblok15 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -1295px;
    left: 300px;
}

#zwartblok16 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -1395px;
    left: 198px;
}

#zwartblok17 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -1495px;
    left: 708px;
}

#zwartblok18 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -1595px;
    left: 810px;
}

#lichtblauwblok2 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -1695px;
    left: 403px;
}

#lichtblauwblok3 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -1795px;
    left: 504px;
}

#donkerblauwblok2 {
    width: 100px;
    height: 100px;
    background-color: rgb(111, 128, 138);
    position: relative;
    top: -1895px;
    left: 607px;
}

#zwartblok19 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -1995px;
    left: 1115px;
}

#zwartblok20 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -1995px;
    left: 912px;
}

#zwartblok21 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -2095px;
    left: 95px;
}

#donkerblauwblok3 {
    width: 100px;
    height: 100px;
    background-color: rgb(111, 128, 138);
    position: relative;
    top: -2194px;
    left: 810px;
}

#donkerblauwblok4 {
    width: 100px;
    height: 100px;
    background-color: rgb(111, 128, 138);
    position: relative;
    top: -2294px;
    left: 708px;
}

#lichtblauwblok4 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -2393px;
    left: 504px;
}

#lichtblauwblok5 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -2493px;
    left: 606px;
}

#lichtblauwblok6 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -2593px;
    left: 403px;
}

#lichtblauwblok7 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -2693px;
    left: 301px;
}

#lichtblauwblok8 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -2793px;
    left: 198px;
}

#zwartblok22 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -2792px;
    left: 95px;
}

#zwartblok23 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -2893px;
    left: 912px;
}

#lichtblauwblok9 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -2992px;
    left: 198px;
}

#lichtblauwblok10 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -3092px;
    left: 300px;
}

#lichtblauwblok11 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -3192px;
    left: 403px;
}

#lichtblauwblok12 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -3292px;
    left: 504px;
}

#lichtblauwblok13 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -3392px;
    left: 606px;
}

#lichtblauwblok14 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -3492px;
    left: 708px;
}

#donkerblauwblok5 {
    width: 100px;
    height: 100px;
    background-color: rgb(111, 128, 138);
    position: relative;
    top: -3592px;
    left: 810px;
}

#zwartblok24 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -3590px;
    left: -7px;
}

#zwartblok25 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -3690px;
    left: 1014px;
}

#lichtblauwblok15 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -3790px;
    left: 95px;
}

#lichtblauwblok16 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -3890px;
    left: 198px;
}

#lichtblauwblok17 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -3990px;
    left: 300px;
}

#lichtblauwblok18 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -4090px;
    left: 402px;
}

#lichtblauwblok19 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -4190px;
    left: 504px;
}

#lichtblauwblok20 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -4290px;
    left: 606px;
}

#donkerblauwblok6 {
    width: 100px;
    height: 100px;
    background-color: rgb(111, 128, 138);
    position: relative;
    top: -4390px;
    left: 810px;
}

#donkerblauwblok7 {
    width: 100px;
    height: 100px;
    background-color: rgb(111, 128, 138);
    position: relative;
    top: -4490px;
    left: 912px;
}

#lichtblauwblok21 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -4590px;
    left: 708px;
}

#zwartblok26 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -4588px;
    left: 1014px;
}

#zwartblok27 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -4688px;
    left: -7px;
}

#lichtblauwblok22 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -4787px;
    left: 95px;
}

#lichtblauwblok23 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -4887px;
    left: 198px;
}

#lichtblauwblok24 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -4987px;
    left: 300px;
}

#lichtblauwblok25 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -5087px;
    left: 402px;
}

#lichtblauwblok26 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -5187px;
    left: 504px;
}

#lichtblauwblok27 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -5287px;
    left: 606px;
}

#lichtblauwblok28 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -5387px;
    left: 708px;
}

#lichtblauwblok29 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -5487px;
    left: 810px;
}

#donkerblauwblok8 {
    width: 100px;
    height: 100px;
    background-color: rgb(111, 128, 138);
    position: relative;
    top: -5587px;
    left: 912px;
}

#zwartblok28 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -5586px;
    left: 1013px;
}

#donkerblauwblok9 {
    width: 100px;
    height: 100px;
    background-color: rgb(111, 128, 138);
    position: relative;
    top: -5686px;
    left: 912px;
}

#donkerblauwblok10 {
    width: 100px;
    height: 100px;
    background-color: rgb(111, 128, 138);
    position: relative;
    top: -5786px;
    left: 810px;
}

#lichtblauwblok30 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -5886px;
    left: 708px;
}

#lichtblauwblok31 {
    width: 100px;
    height: 100px;
    background-color:  rgb(170, 197, 212);
    position: relative;
    top: -5986px;
    left: 606px;
}

#lichtblauwblok32 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -6086px;
    left: 504px;
}

#lichtblauwblok33 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -6186px;
    left: 402px;
}

#lichtblauwblok34 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -6286px;
    left: 300px;
}

#lichtblauwblok35 {
    width: 100px;
    height: 100px;
    background-color:  rgb(111, 128, 138);
    position: relative;
    top: -6386px;
    left: 198px;
}

#lichtblauwblok36 {
    width: 100px;
    height: 100px;
    background-color: rgb(111, 128, 138);
    position: relative;
    top: -6486px;
    left: 95px;
}

#zwartblok29 {
    width: 100px;
    height: 100px;
    background-color:  black;
    position: relative;
    top: -6586px;
    left: -7px;
}

#zwartblok30 {
    width: 100px;
    height: 100px;
    background-color:  black;
    position: relative;
    top: -6584px;
    left: 95px;
}

#lichtblauwblok37 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -6684px;
    left: 504px;
}

#lichtblauwblok38 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -6784px;
    left: 300px;
}

#lichtblauwblok39 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -6884px;
    left: 402px;
}

#donkerblauwblok11 {
    width: 100px;
    height: 100px;
    background-color: rgb(111, 128, 138);
    position: relative;
    top: -6984px;
    left: 197px;
}

#lichtblauwblok40 {
    width: 100px;
    height: 100px;
    background-color: rgb(170, 197, 212);
    position: relative;
    top: -7084px;
    left: 606px;
}

#zwartblok31 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -7383px;
    left: 912px;
}

#donkerblauwblok12 {
    width: 100px;
    height: 100px;
    background-color: rgb(111, 128, 138);
    position: relative;
    top: -7284px;
    left: 709px;
}

#donkerblauwblok13 {
    width: 100px;
    height: 100px;
    background-color: rgb(111, 128, 138);
    position: relative;
    top: -7384px;
    left: 811px;
}

#zwartblok32 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -7185px;
    left: 913px;
}

#zwartblok33 {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    top: -7482px;
    left: 95px;
}

#donkerblauwblok14 {
    width: 100px;
    height: 100px;
    background-color: rgb(111, 128, 138);
    position: relative;
    top: -7582px;
    left: 197px;
}

#donkerblauwblok15 {
    width: 100px;
    height: 100px;
    background-color: rgb(111, 128, 138);
    position: relative;
    top: -7682px;
    left: 299px;
}

#donkerblauwblok16 {
    width: 100px;
    height: 100px;
    background-color: rgb(111, 128, 138);
    position: relative;
    top: -7782px;
    left: 401px;
}

#donkerblauwblok17 {
    width: 100px;
    height: 100px;
    background-color: rgb(111, 128, 138);
    position: relative;
    top: -7882px;
    left: 503px;
}

#donkerblauwblok18 {
    width: 100px;
    height: 100px;
    background-color: rgb(111, 128, 138);
    position: relative;
    top: -7982px;
    left: 605px;
}

#donkerblauwblok19 {
    width: 100px;
    height: 100px;
    background-color: rgb(111, 128, 138);
    position: relative;
    top: -8082px;
    left: 707px;
}

#donkerblauwblok20 {
    width: 100px;
    height: 100px;
    background-color: rgb(111, 128, 138);
    position: relative;
    top: -8182px;
    left: 809px;
}

#zwartblok34 {
    width: 100px;
    height: 100px;
    background-color:black;
    position: relative;
    top: -8180px;
    left: 809px;
}

#zwartblok35 {
    width: 100px;
    height: 100px;
    background-color:black;
    position: relative;
    top: -8280px;
    left: 707px;
}

#donkerblauwblok21 {
    width: 100px;
    height: 100px;
    background-color: rgb(111, 128, 138);
    position: relative;
    top: -8380px;
    left: 605px;
}

#donkerblauwblok22 {
    width: 100px;
    height: 100px;
    background-color: rgb(111, 128, 138);
    position: relative;
    top: -8480px;
    left: 503px;
}

#donkerblauwblok23 {
    width: 100px;
    height: 100px;
    background-color: rgb(111, 128, 138);
    position: relative;
    top: -8580px;
    left: 401px;
}

#zwartblok36 {
    width: 100px;
    height: 100px;
    background-color:black;
    position: relative;
    top: -8680px;
    left: 299px;
}

#zwartblok37 {
    width: 100px;
    height: 100px;
    background-color:black;
    position: relative;
    top: -8780px;
    left: 197px;
}

#zwartblok38 {
    width: 100px;
    height: 100px;
    background-color:black;
    position: relative;
    top: -8778px;
    left: 401px;
}

#zwartblok39 {
    width: 100px;
    height: 100px;
    background-color:black;
    position: relative;
    top: -8878px;
    left: 503px;
}

#zwartblok40 {
    width: 100px;
    height: 100px;
    background-color:black;
    position: relative;
    top: -8978px;
    left: 605px;
}


@media only screen and (max-width: 1000px){
    #geelblok1 {
        width: 100px;
        height: 100px;
        background-color: yellow;
        position: relative;
        top: 302px;
        left: 1115px;
    }
    
    #oranje-geeligblok {
        width: 100px;
        height: 100px;
        background-color: orange;
        position: relative;
        top: 304px;
        left: 1115px;    
    }
    
    #zwartblok1 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -100px;
        left: 607px;
    }
    
    #zwartblok2 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -200px;
        left: 813px;
    }
    
    #zwartblok3 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -300px;
        left: 710px;
    }
    
    #zwartblok4 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -300px;
        left: 914px;
    }
    
    #zwartblok5 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -400px;
        left: 505px;
    }
    
    #zwartblok6 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -500px;
        left: 1115px;
    }
    
    #zwartblok7 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -498px;
        left: 1013px;
    }
    
    #zwartblok8 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -600px;
        left: 403px;
    }
    
    #zwartblok9 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -700px;
        left: 607px;
    }
    
    #lichtblauwblok1 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -799px;
        left: 505px;
    }
    
    #zwartblok10 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -899px;
        left: 1218px;
    }
    
    #zwartblok11 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -897px;
        left: 1218px;
    }
    
    #zwartblok12 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -997px;
        left: 1013px;
    }
    
    #zwartblok13 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -1097px;
        left: 607px;
    }
    
    #donkerblauwblok1 {
        width: 100px;
        height: 100px;
        background-color: rgb(111, 128, 138);
        position: relative;
        top: -1197px;
        left: 504px;
    }
    
    #zwartblok14 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -1297px;
        left: 403px;
    }
    
    #zwartblok15 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -1295px;
        left: 300px;
    }
    
    #zwartblok16 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -1395px;
        left: 198px;
    }
    
    #zwartblok17 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -1495px;
        left: 708px;
    }
    
    #zwartblok18 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -1595px;
        left: 810px;
    }
    
    #lichtblauwblok2 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -1695px;
        left: 403px;
    }
    
    #lichtblauwblok3 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -1795px;
        left: 504px;
    }
    
    #donkerblauwblok2 {
        width: 100px;
        height: 100px;
        background-color: rgb(111, 128, 138);
        position: relative;
        top: -1895px;
        left: 607px;
    }
    
    #zwartblok19 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -1995px;
        left: 1115px;
    }
    
    #zwartblok20 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -1995px;
        left: 912px;
    }
    
    #zwartblok21 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -2095px;
        left: 95px;
    }
    
    #donkerblauwblok3 {
        width: 100px;
        height: 100px;
        background-color: rgb(111, 128, 138);
        position: relative;
        top: -2194px;
        left: 810px;
    }
    
    #donkerblauwblok4 {
        width: 100px;
        height: 100px;
        background-color: rgb(111, 128, 138);
        position: relative;
        top: -2294px;
        left: 708px;
    }
    
    #lichtblauwblok4 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -2393px;
        left: 504px;
    }
    
    #lichtblauwblok5 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -2493px;
        left: 606px;
    }
    
    #lichtblauwblok6 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -2593px;
        left: 403px;
    }
    
    #lichtblauwblok7 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -2693px;
        left: 301px;
    }
    
    #lichtblauwblok8 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -2793px;
        left: 198px;
    }
    
    #zwartblok22 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -2792px;
        left: 95px;
    }
    
    #zwartblok23 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -2893px;
        left: 912px;
    }
    
    #lichtblauwblok9 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -2992px;
        left: 198px;
    }
    
    #lichtblauwblok10 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -3092px;
        left: 300px;
    }
    
    #lichtblauwblok11 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -3192px;
        left: 403px;
    }
    
    #lichtblauwblok12 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -3292px;
        left: 504px;
    }
    
    #lichtblauwblok13 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -3392px;
        left: 606px;
    }
    
    #lichtblauwblok14 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -3492px;
        left: 708px;
    }
    
    #donkerblauwblok5 {
        width: 100px;
        height: 100px;
        background-color: rgb(111, 128, 138);
        position: relative;
        top: -3592px;
        left: 810px;
    }
    
    #zwartblok24 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -3590px;
        left: -7px;
    }
    
    #zwartblok25 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -3690px;
        left: 1014px;
    }
    
    #lichtblauwblok15 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -3790px;
        left: 95px;
    }
    
    #lichtblauwblok16 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -3890px;
        left: 198px;
    }
    
    #lichtblauwblok17 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -3990px;
        left: 300px;
    }
    
    #lichtblauwblok18 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -4090px;
        left: 402px;
    }
    
    #lichtblauwblok19 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -4190px;
        left: 504px;
    }
    
    #lichtblauwblok20 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -4290px;
        left: 606px;
    }
    
    #donkerblauwblok6 {
        width: 100px;
        height: 100px;
        background-color: rgb(111, 128, 138);
        position: relative;
        top: -4390px;
        left: 810px;
    }
    
    #donkerblauwblok7 {
        width: 100px;
        height: 100px;
        background-color: rgb(111, 128, 138);
        position: relative;
        top: -4490px;
        left: 912px;
    }
    
    #lichtblauwblok21 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -4590px;
        left: 708px;
    }
    
    #zwartblok26 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -4588px;
        left: 1014px;
    }
    
    #zwartblok27 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -4688px;
        left: -7px;
    }
    
    #lichtblauwblok22 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -4787px;
        left: 95px;
    }
    
    #lichtblauwblok23 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -4887px;
        left: 198px;
    }
    
    #lichtblauwblok24 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -4987px;
        left: 300px;
    }
    
    #lichtblauwblok25 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -5087px;
        left: 402px;
    }
    
    #lichtblauwblok26 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -5187px;
        left: 504px;
    }
    
    #lichtblauwblok27 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -5287px;
        left: 606px;
    }
    
    #lichtblauwblok28 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -5387px;
        left: 708px;
    }
    
    #lichtblauwblok29 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -5487px;
        left: 810px;
    }
    
    #donkerblauwblok8 {
        width: 100px;
        height: 100px;
        background-color: rgb(111, 128, 138);
        position: relative;
        top: -5587px;
        left: 912px;
    }
    
    #zwartblok28 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -5586px;
        left: 1013px;
    }
    
    #donkerblauwblok9 {
        width: 100px;
        height: 100px;
        background-color: rgb(111, 128, 138);
        position: relative;
        top: -5686px;
        left: 912px;
    }
    
    #donkerblauwblok10 {
        width: 100px;
        height: 100px;
        background-color: rgb(111, 128, 138);
        position: relative;
        top: -5786px;
        left: 810px;
    }
    
    #lichtblauwblok30 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -5886px;
        left: 708px;
    }
    
    #lichtblauwblok31 {
        width: 100px;
        height: 100px;
        background-color:  rgb(170, 197, 212);
        position: relative;
        top: -5986px;
        left: 606px;
    }
    
    #lichtblauwblok32 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -6086px;
        left: 504px;
    }
    
    #lichtblauwblok33 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -6186px;
        left: 402px;
    }
    
    #lichtblauwblok34 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -6286px;
        left: 300px;
    }
    
    #lichtblauwblok35 {
        width: 100px;
        height: 100px;
        background-color:  rgb(111, 128, 138);
        position: relative;
        top: -6386px;
        left: 198px;
    }
    
    #lichtblauwblok36 {
        width: 100px;
        height: 100px;
        background-color: rgb(111, 128, 138);
        position: relative;
        top: -6486px;
        left: 95px;
    }
    
    #zwartblok29 {
        width: 100px;
        height: 100px;
        background-color:  black;
        position: relative;
        top: -6586px;
        left: -7px;
    }
    
    #zwartblok30 {
        width: 100px;
        height: 100px;
        background-color:  black;
        position: relative;
        top: -6584px;
        left: 95px;
    }
    
    #lichtblauwblok37 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -6684px;
        left: 504px;
    }
    
    #lichtblauwblok38 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -6784px;
        left: 300px;
    }
    
    #lichtblauwblok39 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -6884px;
        left: 402px;
    }
    
    #donkerblauwblok11 {
        width: 100px;
        height: 100px;
        background-color: rgb(111, 128, 138);
        position: relative;
        top: -6984px;
        left: 197px;
    }
    
    #lichtblauwblok40 {
        width: 100px;
        height: 100px;
        background-color: rgb(170, 197, 212);
        position: relative;
        top: -7084px;
        left: 606px;
    }
    
    #zwartblok31 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -7383px;
        left: 912px;
    }
    
    #donkerblauwblok12 {
        width: 100px;
        height: 100px;
        background-color: rgb(111, 128, 138);
        position: relative;
        top: -7284px;
        left: 709px;
    }
    
    #donkerblauwblok13 {
        width: 100px;
        height: 100px;
        background-color: rgb(111, 128, 138);
        position: relative;
        top: -7384px;
        left: 811px;
    }
    
    #zwartblok32 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -7185px;
        left: 913px;
    }
    
    #zwartblok33 {
        width: 100px;
        height: 100px;
        background-color: black;
        position: relative;
        top: -7482px;
        left: 95px;
    }
    
    #donkerblauwblok14 {
        width: 100px;
        height: 100px;
        background-color: rgb(111, 128, 138);
        position: relative;
        top: -7582px;
        left: 197px;
    }
    
    #donkerblauwblok15 {
        width: 100px;
        height: 100px;
        background-color: rgb(111, 128, 138);
        position: relative;
        top: -7682px;
        left: 299px;
    }
    
    #donkerblauwblok16 {
        width: 100px;
        height: 100px;
        background-color: rgb(111, 128, 138);
        position: relative;
        top: -7782px;
        left: 401px;
    }
    
    #donkerblauwblok17 {
        width: 100px;
        height: 100px;
        background-color: rgb(111, 128, 138);
        position: relative;
        top: -7882px;
        left: 503px;
    }
    
    #donkerblauwblok18 {
        width: 100px;
        height: 100px;
        background-color: rgb(111, 128, 138);
        position: relative;
        top: -7982px;
        left: 605px;
    }
    
    #donkerblauwblok19 {
        width: 100px;
        height: 100px;
        background-color: rgb(111, 128, 138);
        position: relative;
        top: -8082px;
        left: 707px;
    }
    
    #donkerblauwblok20 {
        width: 100px;
        height: 100px;
        background-color: rgb(111, 128, 138);
        position: relative;
        top: -8182px;
        left: 809px;
    }
    
    #zwartblok34 {
        width: 100px;
        height: 100px;
        background-color:black;
        position: relative;
        top: -8180px;
        left: 809px;
    }
    
    #zwartblok35 {
        width: 100px;
        height: 100px;
        background-color:black;
        position: relative;
        top: -8280px;
        left: 707px;
    }
    
    #donkerblauwblok21 {
        width: 100px;
        height: 100px;
        background-color: rgb(111, 128, 138);
        position: relative;
        top: -8380px;
        left: 605px;
    }
    
    #donkerblauwblok22 {
        width: 100px;
        height: 100px;
        background-color: rgb(111, 128, 138);
        position: relative;
        top: -8480px;
        left: 503px;
    }
    
    #donkerblauwblok23 {
        width: 100px;
        height: 100px;
        background-color: rgb(111, 128, 138);
        position: relative;
        top: -8580px;
        left: 401px;
    }
    
    #zwartblok36 {
        width: 100px;
        height: 100px;
        background-color:black;
        position: relative;
        top: -8680px;
        left: 299px;
    }
    
    #zwartblok37 {
        width: 100px;
        height: 100px;
        background-color:black;
        position: relative;
        top: -8780px;
        left: 197px;
    }
    
    #zwartblok38 {
        width: 100px;
        height: 100px;
        background-color:black;
        position: relative;
        top: -8778px;
        left: 401px;
    }
    
    #zwartblok39 {
        width: 100px;
        height: 100px;
        background-color:black;
        position: relative;
        top: -8878px;
        left: 503px;
    }
    
    #zwartblok40 {
        width: 100px;
        height: 100px;
        background-color:black;
        position: relative;
        top: -8978px;
        left: 605px;
    }
}

#bom {
    scale: 0.4;
    
}
#bom:hover {
    scale: 0.7;
    transform: rotate(50deg);
}