* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}

body {
    background-color: #1a1a1a;
    color: white;
    text-align: center;

}



header {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: rgb(40, 40, 134);
    z-index: 1000;


}

h2 {
    margin-top: 100px;
}

nav a {
    color: white;
    text-decoration: none;
    margin: 0 15px;
    position: sticky;
}

nav input {
    padding: 3px;
    border-radius: 5px;
    border: none;
    margin: 8px;
}

.header-game{
 height: 60px;
   display: flex;
   align-items: center;
   
}

.header-game img{
     height: 90px;
     padding: 16px;
     margin-top: auto;
}
.game-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    padding: 20px;
}

.game-card {
    background-color: #333;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    width: 250px;
}

.game-card img {
    width: 100%;
    border-radius: 5px;
}

.link-what img {
    height: 60px;
    position: fixed;
    right: 20px;
    bottom: 20px;
}

.caixa-game {
    position: fixed;
    top: 0;
    z-index: -1;
}
video {
   min-height: 100%;
   min-width: 100%;
   position: fixed;
   top: 0;
}
.mascara-game {
   height: 100vh;
   width: 100vw;
   background: linear-gradient(109deg, rgba(10, 12, 16, 0.99) 15%, rgba(10, 12, 16, 0.7) 50%, rgba(10, 12, 16, 0.99) 85%);
   position: fixed;
   top: 0;
}

button {
    background-color: #ff4500;
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    margin-top: 10px;
}

#contato form {
    display: flex;
    flex-direction: column;
    width: 20%;
    margin: auto;
}

#contato input,
textarea {
    padding: 10px;
    margin: 10px 0;
    border: none;
    border-radius: 5px;
}

#contato button {
    background-color: #5c01c5;
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
}

footer {
    background-color: #222;
    padding: 15px;
    margin-top: 20px;
}

@media (max-width: 768px) {
    h1 {
        font-size: medium;
        margin: 10px;
        background-color: #ff4500;
    }

    h2 {
        margin-top: 100px;
    }

    .header-game img {
    height: 90px;
    padding: 16px;
    margin-top: 10px;
    margin-left: 33px;
}

    #contato form {
        display: flex;
        flex-direction: column;
        width: 60%;
        margin: auto;
    }

    .game-card {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        /* Espaço entre as imagens */
        justify-content: center;
        /* Centralizar as imagens */
        background-color: #333;
        padding: 20px;
        border-radius: 8px;
        text-align: center;
        width: 235px;
    }
}