body{
    background-color: black;
}


#rij1{
    position: relative;
    top: 200px;
    left: 200px;
}

#blok1{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -200px;
    left: 101px;
}
#blok2{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -300px;
    left: 202px;
}
#blok3{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -400px;
    left: 303px;
}

#rij2{
    position: relative;
    top: 200px;
    left: 200px;
}

#blok4{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -399px;
    left: 101px;
}
#blok5{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -499px;
    left: 202px;
}
#blok6{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -599px;
    left: 303px;
}
#blok7{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -699px;
    left: -1px;
}
#blok8{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -799px;
    left: 404px;
}
#blok9{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -598px;
    left: 98px;
}
#blok10{
    height: 100px;
    width: 100px;
    background-color: rgb(0, 0, 0);
    position: relative;
    top: -698px;
    left: 199px;
}
#blok11{
    height: 100px;
    width: 100px;
    background-color: rgb(255, 255, 255);
    position: relative;
    top: -798px;
    left: 301px;
}
#blok12{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -898px;
    left: 402px;
}
#blok13{
    height: 100px;
    width: 100px;
    background-color: rgb(0, 0, 0);
    position: relative;
    top: -998px;
    left: 503px;
}
#blok14{
    height: 100px;
    width: 100px;
    background-color: rgb(255, 255, 255);
    position: relative;
    top: -1098px;
    left: 604px;
}#blok15{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -1198px;
    left: 705px;
}
#blok16{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -1197px;
    left: 98px;
}
#blok17{
    height: 100px;
    width: 100px;
    background-color: rgb(255, 255, 255);
    position: relative;
    top: -1297px;
    left: 199px;
}
#blok18{
    height: 100px;
    width: 100px;
    background-color: rgb(255, 255, 255);
    position: relative;
    top: -1397px;
    left: 301px;
}
#blok19{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -1497px;
    left: 402px;
}
#blok20{
    height: 100px;
    width: 100px;
    background-color: rgb(255, 255, 255);
    position: relative;
    top: -1597px;
    left: 503px;
}
#blok21{
    height: 100px;
    width: 100px;
    background-color: rgb(255, 255, 255);
    position: relative;
    top: -1697px;
    left: 604px;
}#blok22{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -1797px;
    left: 705px;
}
#blok23{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -1796px;
    left: 98px;
}
#blok24{
    height: 100px;
    width: 100px;
    background-color:yellow;
    position: relative;
    top: -1896px;
    left: 199px;
}
#blok25{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -1996px;
    left: 301px;
}
#blok26{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -2096px;
    left: 402px;
}
#blok27{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -2196px;
    left: 503px;
}
#blok28{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -2296px;
    left: 604px;
}#blok29{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -2396px;
    left: 705px;
}
#blok30{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -2395px;
    left: 98px;
}
#blok31{
    height: 100px;
    width: 100px;
    background-color:yellow;
    position: relative;
    top: -2495px;
    left: 199px;
}
#blok32{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -2595px;
    left: 301px;
}
#blok33{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -2695px;
    left: 402px;
}
#blok34{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -2795px;
    left: 503px;
}
#blok35{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -2895px;
    left: 604px;
}#blok36{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -2995px;
    left: 705px;
}
#blok37{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -2994px;
    left: 98px;
}
#blok38{
    height: 100px;
    width: 100px;
    background-color:rgb(0, 0, 0);
    position: relative;
    top: -3094px;
    left: 199px;
}
#blok39{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -3194px;
    left: 301px;
}
#blok40{
    height: 100px;
    width: 100px;
    background-color: rgb(0, 0, 0);
    position: relative;
    top: -3294px;
    left: 402px;
}
#blok41{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -3394px;
    left: 503px;
}
#blok42{
    height: 100px;
    width: 100px;
    background-color: rgb(0, 0, 0);
    position: relative;
    top: -3494px;
    left: 604px;
}#blok43{
    height: 100px;
    width: 100px;
    background-color: yellow;
    position: relative;
    top: -3594px;
    left: 705px;
}