body { min-height: 200vh; } #box-1 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-2 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-3 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-4 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-5 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-6 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-7 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-8 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-9 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-10 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-11 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-12 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-13 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-14 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-15 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-16 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-17 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-18 { position: absolute; top: 80vh; left: 55%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-19 { position: absolute; top: 90vh; left: 60%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-20 { position: absolute; top: 60vh; left: 53%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-21 { position: absolute; top: 92vh; left: 58%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-22 { position: absolute; top: 81vh; left: 65%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-23 { position: absolute; top: 83vh; left: 62%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-24 { position: absolute; top: 83vh; left: 60%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } body { min-height: 200vh; } #box-1 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-2 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-3 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-4 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-5 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-6 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-7 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-8 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-9 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-10 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-11 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-12 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-13 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-14 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-15 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-16 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-17 { position: absolute; top: 80vh; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-18 { position: absolute; top: 80vh; left: 55%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-19 { position: absolute; top: 90vh; left: 60%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-20 { position: absolute; top: 60vh; left: 53%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-21 { position: absolute; top: 92vh; left: 58%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-22 { position: absolute; top: 81vh; left: 65%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-23 { position: absolute; top: 83vh; left: 62%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); } #box-24 { position: absolute; top: 83vh; left: 60%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background: linear-gradient(120deg, rgba(0,208,255,1) 24%, yellow 47%, pink 100%); }

Bald sind Weihnachtsferien.