/* Internal Links   */

.game-buttons {
    margin: 20px 0;
    text-align: center;
}

.game-button {
    display: inline-block;
    padding: 12px 35px;
    background-color: #023047; /* Primary Color */
    color: #ffffff; /* White Text */
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    border-radius: 5px;
    margin: 8px;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.game-button:hover {
    background-color: #FFAE00; /* Secondary Color */
    transform: scale(1.05);
}

@media (max-width: 768px) {
    .game-button {
        display: block; /* Make buttons stack vertically */
        width: 90%; /* Set equal width for all buttons */
        margin: 8px auto; /* Center align with margin */
        text-align: center;
    }
}





/* Full Screen Toggle   */
.fullscreen-container {
    text-align: center;
}

.fullscreen-button {
    padding: 10px 35px;
    font-size: 16px;
    border: none;
    background-color: #007BFF;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.fullscreen-button:hover {
    background-color: #0056b3; /* Slightly darker blue for hover effect */
}