/* Stijl voor de gehele body */
body {
    font-family: Arial, sans-serif; /* Lettertype */
    color: #ffffff; /* Tekstkleur */
    background-image: url(../img/galaxy.jpg);
    background-size: cover;
    background-attachment: fixed;
    padding: 20px;
    margin: 0;
}

/* Blokje voor de Steam-groep link */
.steam-link-container {
    margin: 20px 0; /* Ruimte rondom het blok */
    padding: 20px; /* Binnenruimte in het blok */
    background-color: rgba(255, 255, 255, 0.8); /* Licht transparante achtergrond */
    border: 1px solid #ced4da; /* Lichte rand */
    border-radius: 10px; /* Afgeronde hoeken */
    text-align: center; /* Tekst centreren */
}

/* Stijl voor de Steam-groep link */
a.steam-group {
    display: inline-block;
    background-color: #1b2838; /* Steam's typische donkere kleur */
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    transition: background-color 0.3s ease-in-out;
}

a.steam-group:hover {
    background-color: #2a475e; /* Lichtere tint bij hover */
}


/* Informatie sectie */
.info {
    margin-top: 20px;
    background-image: url(../img/4k-galaxy-a3qjl9atd2ku58vt.jpg);
    background-size: cover;
    background-attachment: fixed;
    border: 1px solid #ced4da;
    padding: 15px;
    border-radius: 8px;
}

.info h2 {
    color: #ffffff;
    font-size: 22px;
}

.info p {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.5;
}