button,a {
           -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
           -webkit-tap-highlight-color: transparent;
           -webkit-user-select: none;
           -khtml-user-select: none;
           -moz-user-select: none;
           -ms-user-select: none;
           user-select: none;
        }
        
        body {
            font-family: Arial, sans-serif;
            background-color: white;
            color: black;
            text-align: center;
            margin: 0;
            padding: 0;
        }
        
        main {
            font-family: Edit Undo BRK, sans-serif;
        }
        
        footer {
            font-family: Edit Undo BRK, sans-serif;
        }
        
        header {
            background-color: white;
            color: black;
            padding: 20px;
            font-size: 24px;
        }
        
        #banner {
    width: 75%;
    height: auto; /* Set to auto to maintain aspect ratio */
}

/* For larger desktop screens */
@media (min-width: 1200px) {
    #banner {
        width: 60%; /* Adjust this value as needed */
    }
}

/* For smaller desktop or medium-sized screens */
@media (min-width: 768px) and (max-width: 1199px) {
    #banner {
        width: 80%; /* Adjust this value as needed */
    }
}
        main {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        h2 {
            color: #004d40;
        }
        
        .game-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            gap: 20px;
            
        }
        
        .game-item {
            border: 2px solid #31527B;
            border-radius: 10px;
            padding: 20px;
            width: 200px;
            text-align: center;
            background-color: white;
            transition: transform 0.2s;
        }
        
        .game-item:hover {
            transform: scale(1.05);
        }
        
        .game-thumbnail {
            width: 100%;
            height: auto;
            border-radius: 8px;
        }
        
        .game-button {
            display: block;
            margin-top: 10px;
            padding: 10px;
            background-color: #3164B3;
            color: white;
            text-decoration: none;
            border-radius: 5px;
        }
        
        .gamejolt-button {
            background-color: #2A2730;
            color: white;
        }
        
        .itchio-button {
            background-color: #F85D5B;
            color: white;
        }
        
        .game-item a:hover {
            filter: brightness(50%);
        }
        
        footer {
            margin-top: 40px;
            padding: 20px;
            background-color: #31527B;
            color: white;
        }
        
        .title_text {
            transform: scale(1.5);
            padding: 15px;
            display: inline-block;
        }
        
        .game_title {
            transform: scale(1.2);
            padding: 8px;
            display: inline-block;
        }
        
        .emoji {
            display: inline-block;
            width: 1em;
            height: 1em;
            background-size: contain;
            background-repeat: no-repeat;
            vertical-align: middle;
        }
        
        .game-item .a .emoji {
            display: inline-block;
            width: 1em;
            height: 1em;
            background-size: contain;
            background-repeat: no-repeat;
            vertical-align: middle;
        }
        
        .icon {
            display: inline-block;
            width: 1em;
            height: 1em;
            background-size: contain;
            background-repeat: no-repeat;
            vertical-align: middle;
        }