body {
    background-color: #1C1C1C;
    margin: 0;
    padding: 0;
    font-family: "Lato", sans-serif;
}

/* Overlay styling for fuld skærm */
.overlay1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
    color: #EF8B18;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.overlay1 h1 {
    font-size: 100px;
    font-weight: 900;
    text-align: center;
    margin: 0;
    z-index: 3;
}

/* Grid container til vendespils brikker */
.vendespilFlade {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 40px;
    justify-items: center;
    padding: 50px;
    max-width: 1200px;
    max-height: auto;
    margin: auto;
    position: relative;
}

.vendespilFlade img {
    width: 150px;
    height: auto;
    position: relative; 
    top: 0px;
}

/* Keyframe animation til bounce-effekt */
@keyframes bounce {
    0%, 100% {
        transform: translateY(0); /* Udgangsposition */
    }
    50% {
        transform: translateY(-15px); /* Hop opad */
    }
}

/* Klasse til bounce animation */
.bounce {
    animation: bounce 1s infinite ease-in-out;
}  

/* Individuel forsinkelse for hvert bounce element for at skabe interresse hos målgruppen */
.bounce:nth-child(1)  { animation-delay: 0.1s; }
.bounce:nth-child(2)  { animation-delay: 0.5s; }
.bounce:nth-child(3)  { animation-delay: 0.2s; }
.bounce:nth-child(4)  { animation-delay: 0.6s; }
.bounce:nth-child(5)  { animation-delay: 0.3s; }
.bounce:nth-child(6)  { animation-delay: 0.7s; }
.bounce:nth-child(7)  { animation-delay: 0.15s; }
.bounce:nth-child(8)  { animation-delay: 0.45s; }
.bounce:nth-child(9)  { animation-delay: 0.25s; }
.bounce:nth-child(10) { animation-delay: 0.55s; }
.bounce:nth-child(11) { animation-delay: 0.35s; }
.bounce:nth-child(12) { animation-delay: 0.65s; }
.bounce:nth-child(13) { animation-delay: 0.4s; }
.bounce:nth-child(14) { animation-delay: 0.8s; }
.bounce:nth-child(15) { animation-delay: 0.2s; }
.bounce:nth-child(16) { animation-delay: 0.6s; }
.bounce:nth-child(17) { animation-delay: 0.3s; }
.bounce:nth-child(18) { animation-delay: 0.75s; }