body {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #c2bdbd;
}

#rij1, #rij2, #rij3, #rij4, #rij5, #rij6, #rij7, #rij8, #rij9, #rij10, #rij11, #rij12,#rij13, #rij14, #rij15, #rij16, #rij17, #rij18, #rij19, #rij20, #rij21, #rij22 {
    display: flex;
}

@media(max-width:1000px) {


#blok4, #blok22, #blok23, #blok24, #blok40, #blok41, #blok42,  #blok43, #blok58, #blok59, #blok60, #blok61, #blok62, #blok77, #blok78, #blok79, #blok80, #blok81, #blok96, #blok97,#blok98, #blok99, #blok100, #blok116, #blok118 {
    animation: moveFlame 1.5s infinite;
}


@keyframes moveFlame {
    0% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0); }
}


@media (max-width: 1000px) {
    #blok96, #blok97, #blok98, #blok99, #blok100, #blok116, #blok118{
        animation: moveFlameSmall 1.5s infinite;
    }

    @keyframes moveFlameSmall {
        0% { transform: translateY(0); }
        50% { transform: translateY(-15px); }
        100% { transform: translateY(0); }
    }
}
}
.blok {
    width: 30px; 
    height: 30px; 
    display: inline-block;
}

#blok1 { background-color: #c2bdbd; }
#blok2 { background-color: #c2bdbd; }
#blok3 { background-color: #c2bdbd; }
#blok4 { background-color: #971c1c; }
#blok5 { background-color: #c2bdbd; }
#blok6 { background-color: #c2bdbd; }
#blok7 { background-color: #c2bdbd; }
#blok8 { background-color: #c2bdbd; }
#blok9 { background-color: #c2bdbd; }
#blok10 { background-color: #c2bdbd; }
#blok11 { background-color: #c2bdbd; }
#blok12 { background-color: #c2bdbd; }
#blok13 { background-color: #c2bdbd; }
#blok14 { background-color: #c2bdbd; }
#blok15 { background-color: #c2bdbd; }
#blok16 { background-color: #c2bdbd; }
#blok17 { background-color: #c2bdbd; }
#blok18 { background-color: #c2bdbd; }
#blok19 { background-color: #c2bdbd; }

#blok20 { background-color: #c2bdbd; }
#blok21 { background-color: #c2bdbd; }
#blok22 { background-color: #8f1d1d; }
#blok23 { background-color: #861c1c; }
#blok24 { background-color: #851a1a; }
#blok25 { background-color: #c2bdbd; }
#blok26 { background-color: #c2bdbd; }
#blok27 { background-color: #c2bdbd; }
#blok28 { background-color: #292626; }
#blok29 { background-color: #2b2727; }
#blok30 { background-color: #272424; }
#blok31 { background-color: #2c2929; }
#blok32 { background-color: #252323; }
#blok33 { background-color: #c2bdbd; }
#blok34 { background-color: #c2bdbd; }
#blok35 { background-color: #c2bdbd; }
#blok36 { background-color: #c2bdbd; }
#blok37 { background-color: #c2bdbd; }
#blok38 { background-color: #c2bdbd; }

#blok39 { background-color: #c2bdbd; }
#blok40 { background-color: #7a1616; }
#blok41 { background-color: #771515; }
#blok42 { background-color: #ebd833; }
#blok43 { background-color: #921e1e; }
#blok44 { background-color: #c2bdbd; }
#blok45 { background-color: #c2bdbd; }
#blok46 { background-color: #242121; }
#blok47 { background-color: orange; }
#blok48 { background-color: orange; }
#blok49 { background-color: orange; }
#blok50 { background-color: orange; }
#blok51 { background-color: orange; }
#blok52 { background-color: #252222; }
#blok53 { background-color: #c2bdbd; }
#blok54 { background-color: #c2bdbd; }
#blok55 { background-color: #c2bdbd; }
#blok56 { background-color: #c2bdbd; }
#blok57 { background-color: #c2bdbd; }

#blok58 { background-color: #810909; }
#blok59 { background-color: #850f0f; }
#blok60 { background-color: orange; }
#blok61 { background-color: orange; }
#blok62 { background-color: orange; }
#blok63 { background-color: #c2bdbd; }
#blok64 { background-color: #2b2828; }
#blok65 { background-color: orange; }
#blok66 { background-color: orange; }
#blok67 { background-color: orange; }
#blok68 { background-color: orange; }
#blok69 { background-color: orange; }
#blok70 { background-color: orange; }
#blok71 { background-color: orange; }
#blok72 { background-color: #2c2828; }
#blok73 { background-color: #c2bdbd; }
#blok74 { background-color: #c2bdbd; }
#blok75 { background-color: #c2bdbd; }
#blok76 { background-color: #c2bdbd; }

#blok77 { background-color: #810a0a; }
#blok78 { background-color: #eca31a; }
#blok79 { background-color: #ffba3b; }
#blok80 { background-color: #d1c844; }
#blok81 { background-color: #f3ba00; }
#blok82 { background-color: #242121; }
#blok83 { background-color: orange; }
#blok84 { background-color: orange; }
#blok85 { background-color: orange; }
#blok86 { background-color: orange; }
#blok87 { background-color: orange; }
#blok88 { background-color: orange; }
#blok89 { background-color: orange; }
#blok90 { background-color: orange; }
#blok91 { background-color: orange; }
#blok92 { background-color: #201e1e; }
#blok93 { background-color: #c2bdbd; }
#blok94 { background-color: #c2bdbd; }
#blok95 { background-color: #c2bdbd; }

#blok96 { background-color: #ffbb00; }
#blok97 { background-color: #eb9635; }
#blok98 { background-color: #fbff00; }
#blok99 { background-color: #d5e72c; }
#blok100 { background-color: #ffbd09; }
#blok101 { background-color: #221f1f; }
#blok102 { background-color: orange; }
#blok103 { background-color: orange; }
#blok104 { background-color: orange; }
#blok105 { background-color: orange; }
#blok106 { background-color: orange; }
#blok107 { background-color: orange; }
#blok108 { background-color: orange; }
#blok109 { background-color: orange; }
#blok110 { background-color: orange; }
#blok111 { background-color: rgb(27, 27, 25); }
#blok112 { background-color: #c2bdbd; }
#blok113 { background-color: #c2bdbd; }
#blok114 { background-color: #c2bdbd; }

#blok115 { background-color: #c2bdbd; }
#blok116 { background-color: #ff8e24; }
#blok117 { background-color: #ffffff; }
#blok118 { background-color: #ff9100; }
#blok119 { background-color: #c2bdbd; }
#blok120 { background-color: #242121; }
#blok121 { background-color: rgb(255, 255, 255); }
#blok122 { background-color: rgb(26, 25, 24); }
#blok123 { background-color: orange; }
#blok124 { background-color: orange; }
#blok125 { background-color: orange; }
#blok126 { background-color: orange; }
#blok127 { background-color: orange; }
#blok128 { background-color: #1d1b1b; }
#blok129 { background-color: #ffffff; }
#blok130 { background-color: #242121; }
#blok131 { background-color: #c2bdbd; }
#blok132 { background-color: #c2bdbd; }
#blok133 { background-color: #c2bdbd; }

#blok134 { background-color: #c2bdbd; }
#blok135 { background-color: #272424; }
#blok136 { background-color: orange; }
#blok137 { background-color: #252323; }
#blok138 { background-color: #c2bdbd; }
#blok139 { background-color: #201e1e; }
#blok140 { background-color: #1d1b1b; }
#blok141 { background-color: #252323; }
#blok142 { background-color: orange; }
#blok143 { background-color: orange; }
#blok144 { background-color: orange; }
#blok145 { background-color: orange; }
#blok146 { background-color: orange; }
#blok147 { background-color: #1f1d1d; }
#blok148 { background-color: #222020; }
#blok149 { background-color: #1f1c1c; }
#blok150 { background-color: #c2bdbd; }
#blok151 { background-color: #c2bdbd; }
#blok152 { background-color: #c2bdbd; }

#blok153 { background-color: #c2bdbd; }
#blok154 { background-color: #201f1f; }
#blok155 { background-color: orange; }
#blok156 { background-color: #1f1d1d; }
#blok157 { background-color: #c2bdbd; }
#blok158 { background-color: #1f1d1d; }
#blok159 { background-color: #37f8ff; }
#blok160 { background-color: #1b1a1a; }
#blok161 { background-color: orange; }
#blok162 { background-color: orange; }
#blok163 { background-color: orange; }
#blok164 { background-color: orange; }
#blok165 { background-color: orange; }
#blok166 { background-color: #1d1b1b; }
#blok167 { background-color: #50e6fa; }
#blok168 { background-color: #1d1b1b; }
#blok169 { background-color: #c2bdbd; }
#blok170 { background-color: #c2bdbd; }
#blok171 { background-color: #c2bdbd; }

#blok172 { background-color: #c2bdbd; }
#blok173 { background-color: #1f1d1d; }
#blok174 { background-color: orange; }
#blok175 { background-color: orange; }
#blok176 { background-color: #252323; }
#blok177 { background-color: #1f1d1d; }
#blok178 { background-color: orange; }
#blok179 { background-color: orange; }
#blok180 { background-color: orange; }
#blok181 { background-color: orange; }
#blok182 { background-color: orange; }
#blok183 { background-color: orange; }
#blok184 { background-color: orange; }
#blok185 { background-color: orange; }
#blok186 { background-color: orange; }
#blok187 { background-color: rgb(26, 25, 24); }
#blok188 { background-color: #1a1818; }
#blok189 { background-color: #c2bdbd; }
#blok190 { background-color: #c2bdbd; }

#blok191 { background-color: #c2bdbd; }
#blok192 { background-color: #c2bdbd; }
#blok193 { background-color: rgb(34, 33, 31); }
#blok194 { background-color: rgb(32, 32, 31); }
#blok195 { background-color: orange; }
#blok196 { background-color: orange; }
#blok197 { background-color: rgb(36, 35, 33); }
#blok198 { background-color: orange; }
#blok199 { background-color: orange; }
#blok200 { background-color: orange; }
#blok201 { background-color: orange; }
#blok202 { background-color: orange; }
#blok203 { background-color: orange; }
#blok204 { background-color: orange; }
#blok205 { background-color: rgb(26, 25, 25); }
#blok206 { background-color: orange; }
#blok207 { background-color: orange; }
#blok208 { background-color: #1d1b1b; }
#blok209 { background-color: #c2bdbd; }

#blok210 { background-color: #c2bdbd; }
#blok211 { background-color: #c2bdbd; }
#blok212 { background-color: #222020; }
#blok213 { background-color: orange; }
#blok214 { background-color: orange; }
#blok215 { background-color: orange; }
#blok216 { background-color: orange; }
#blok217 { background-color: rgb(36, 35, 33); }
#blok218 { background-color: orange; }
#blok219 { background-color: orange; }
#blok220 { background-color: orange; }
#blok221 { background-color: orange; }
#blok222 { background-color: orange; }
#blok223 { background-color: rgb(32, 32, 30); }
#blok224 { background-color: orange; }
#blok225 { background-color: orange; }
#blok226 { background-color: orange; }
#blok227 { background-color: orange; }
#blok228 { background-color: #272525; }

#blok229 { background-color: #c2bdbd; }
#blok230 { background-color: #c2bdbd; }
#blok231 { background-color: #1f1d1d; }
#blok232 { background-color: orange; }
#blok233 { background-color: orange; }
#blok234 { background-color: #1f1d1d; }
#blok235 { background-color: orange; }
#blok236 { background-color: orange; }
#blok237 { background-color: #242121; }
#blok238 { background-color: #201e1e; }
#blok239 { background-color: #1a1818; }
#blok240 { background-color: #1a1818; }
#blok241 { background-color: #1d1b1b; }
#blok242 { background-color: orange; }
#blok243 { background-color: orange; }
#blok244 { background-color: #1d1b1b; }
#blok245 { background-color: orange; }
#blok246 { background-color: orange; }
#blok247 { background-color: #1f1d1d; }

#blok248 { background-color: #c2bdbd; }
#blok249 { background-color: #c2bdbd; }
#blok250 { background-color: #c2bdbd; }
#blok251 { background-color: rgb(36, 35, 33); }
#blok252 { background-color: rgb(31, 30, 29); }
#blok253 { background-color: rgb(27, 27, 26); }
#blok254 { background-color: orange; }
#blok255 { background-color: #fffb00; } 
#blok256 { background-color: #fffb00;}
#blok257 { background-color: #fffb00; }
#blok258 { background-color: #fffb00; }
#blok259 { background-color: #fffb00; }
#blok260 { background-color: #fffb00; }
#blok261 { background-color: #fffb00; }
#blok262 { background-color: orange; }
#blok263 { background-color: #1d1b1b; }
#blok264 { background-color: #181616; }
#blok265 { background-color: #1b1919; }
#blok266 { background-color: #c2bdbd; }

#blok267 { background-color: #c2bdbd; }
#blok268 { background-color: #c2bdbd; }
#blok269 { background-color: #c2bdbd; }
#blok270 { background-color: #c2bdbd; }
#blok271 { background-color: rgb(27, 26, 24); }
#blok272 { background-color: orange; }
#blok273 { background-color: orange; }
#blok274 { background-color: #fffb00; }
#blok275 { background-color: #fffb00; }
#blok276 { background-color: #fffb00; }
#blok277 { background-color: #fffb00; }
#blok278 { background-color: #fffb00; }
#blok279 { background-color: #fffb00; }
#blok280 { background-color: #fffb00; }
#blok281 { background-color: orange; }
#blok282 { background-color: orange; }
#blok283 { background-color: rgb(27, 27, 26); }
#blok284 { background-color: #c2bdbd; }
#blok285 { background-color: #c2bdbd; }

#blok286 { background-color: #c2bdbd; }
#blok287 { background-color: #c2bdbd; }
#blok288 { background-color: #c2bdbd; }
#blok289 { background-color: #c2bdbd; }
#blok290 { background-color: rgb(36, 35, 33); }
#blok291 { background-color: orange; }
#blok292 { background-color: orange; }
#blok293 { background-color: orange; }
#blok294 { background-color: #fffb00; }
#blok295 { background-color: #fffb00; }
#blok296 { background-color: #fffb00; }
#blok297 { background-color: #fffb00; }
#blok298 { background-color: #fffb00; }
#blok299 { background-color: orange; }
#blok300 { background-color: orange; }
#blok301 { background-color: orange; }
#blok302 { background-color: rgb(36, 35, 33); }
#blok303 { background-color: #c2bdbd; }
#blok304 { background-color: #c2bdbd; }

#blok305 { background-color: #c2bdbd; }
#blok306 { background-color: #c2bdbd; }
#blok307 { background-color: #c2bdbd; }
#blok308 { background-color: #c2bdbd; }
#blok309 { background-color: #c2bdbd; }
#blok310 { background-color: rgb(31, 30, 28); }
#blok311 { background-color: orange; }
#blok312 { background-color: orange; }
#blok313 { background-color: orange; }
#blok314 { background-color: #fffb00; }
#blok315 { background-color: #fffb00; }
#blok316 { background-color: #fffb00; }
#blok317 { background-color: orange; }
#blok318 { background-color: orange; }
#blok319 { background-color: orange; }
#blok320 { background-color: rgb(36, 35, 33); }
#blok321 { background-color: #c2bdbd; }
#blok322 { background-color: #c2bdbd; }
#blok323 { background-color: #c2bdbd; }

#blok324 { background-color: #c2bdbd; }
#blok325 { background-color: #c2bdbd; }
#blok326 { background-color: #c2bdbd; }
#blok327 { background-color: #c2bdbd; }
#blok328 { background-color: rgb(34, 33, 32); }
#blok329 { background-color: orange; }
#blok330 { background-color: orange }
#blok331 { background-color: orange; }
#blok332 { background-color: orange; }
#blok333 { background-color: #181717; }
#blok334 { background-color: #1d1b1b; }
#blok335 { background-color: #1f1c1c; }
#blok336 { background-color: orange; }
#blok337 { background-color: orange; }
#blok338 { background-color: orange; }
#blok339 { background-color: orange; }
#blok340 { background-color: rgb(24, 23, 22); }
#blok341 { background-color: #c2bdbd; }
#blok342 { background-color: #c2bdbd; }

#blok343 { background-color: #c2bdbd; }
#blok344 { background-color: #c2bdbd; }
#blok345 { background-color: #c2bdbd; }
#blok346 { background-color: #c2bdbd; }
#blok347 { background-color: rgb(29, 28, 27); }
#blok348 { background-color: orange; }
#blok349 { background-color: rgb(32, 31, 30); }
#blok350 { background-color: orange; }
#blok351 { background-color: rgb(29, 28, 27); }
#blok352 { background-color: #c2bdbd; }
#blok353 { background-color: #c2bdbd; }
#blok354 { background-color: #c2bdbd; }
#blok355 { background-color: #201e1e; }
#blok356 { background-color: orange; }
#blok357 { background-color: #242121; }
#blok358 { background-color: orange; }
#blok359 { background-color: #201e1e; }
#blok360 { background-color: #c2bdbd; }
#blok361 { background-color: #c2bdbd; }

#blok362 { background-color: #c2bdbd; }
#blok363 { background-color: #c2bdbd; }
#blok364 { background-color: #c2bdbd; }
#blok365 { background-color: #c2bdbd; }
#blok366 { background-color: #c2bdbd; }
#blok367 { background-color: #222020; }
#blok368 { background-color: #1f1d1d; }
#blok369 { background-color: #252323; }
#blok370 { background-color: #c2bdbd; }
#blok371 { background-color: #c2bdbd; }
#blok372 { background-color: #c2bdbd; }
#blok373 { background-color: #c2bdbd; }
#blok374 { background-color: #c2bdbd; }
#blok375 { background-color: #201f1f; }
#blok376 { background-color: #2b2828; }
#blok377 { background-color: #201e1e; }
#blok378 { background-color: #c2bdbd; }
#blok379 { background-color: #c2bdbd; }
#blok380 { background-color: #c2bdbd; }

#blok381 { background-color: #c2bdbd; }
#blok382 { background-color: #c2bdbd; }
#blok383 { background-color: #c2bdbd; }
#blok384 { background-color: #c2bdbd; }
#blok385 { background-color: #c2bdbd; }
#blok386 { background-color: #c2bdbd; }
#blok387 { background-color: #c2bdbd; }
#blok388 { background-color: #c2bdbd; }
#blok389 { background-color: #c2bdbd; }
#blok390 { background-color: #c2bdbd; }
#blok391 { background-color: #c2bdbd; }
#blok392 { background-color: #c2bdbd; }
#blok393 { background-color: #c2bdbd; }
#blok394 { background-color: #c2bdbd; }
#blok395 { background-color: #c2bdbd; }
#blok396 { background-color: #c2bdbd; }
#blok397 { background-color: #c2bdbd; }
#blok398 { background-color: #c2bdbd; }
#blok399 { background-color: #c2bdbd; }

#blok400 { background-color: #c2bdbd; }
#blok401 { background-color: #c2bdbd; }
#blok402 { background-color: #c2bdbd; }
#blok403 { background-color: #c2bdbd; }
#blok404 { background-color: #c2bdbd; }
#blok405 { background-color: #c2bdbd; }
#blok406 { background-color: #c2bdbd; }
#blok407 { background-color: #c2bdbd; }
#blok408 { background-color: #c2bdbd; }
#blok409 { background-color: #c2bdbd; }
#blok410 { background-color: #c2bdbd; }
#blok411 { background-color: #c2bdbd; }
#blok412 { background-color: #c2bdbd; }
#blok413 { background-color: #c2bdbd; }
#blok414 { background-color: #c2bdbd; }
#blok415 { background-color: #c2bdbd; }
#blok416 { background-color: #c2bdbd; }
#blok417 { background-color: #c2bdbd; }
#blok418 { background-color: #c2bdbd; }