@media (max-width:768px) {
    .top-menu-second-container {
        display: block;
    }

    .top-left-menu-container {
        margin: .5rem 0;
        background: #13134e;
        padding: 1rem 0;
    }

    .top-right-menu-container {
        justify-content: center;
    }

    .top-right-menu-container a {
        padding: .5rem 2rem;
    }

    .logo-container {
        margin: 0 auto;
    }

    .main-container {
        margin: 0;
        border: inherit;
        border-radius: inherit;
    }

    /**/

    .game-menu-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .game-menu-container::-webkit-scrollbar {
        display: none;
    }

    /**/

    .menu-game {
        max-width: 150px;
    }

    /**/

    .game-info-container {
        text-align: center;
    }

    .actual-game-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .game-box {
        display: flex;
        flex-direction: column;
    }

    .game-data-container {
        margin: .5rem 0;
        display: flex;
        flex-direction: column;
        gap: .5rem;
    }

    .title-game-container {
        font-size: .625rem;
    }

    .tiny-icon {
        max-width: 20px;
    }

    .pola-container {
        padding: 0;
    }

    .pola-container span {
        font-size: .625rem;
    }

    .percentage-fill {
        position: absolute;
        z-index: 1;
        height: 100%;
        left: 0;
        top: 0;
    }

    .percentage-container span {
        z-index: 2;
        position: relative;
        top: 0;
        left: 0;
        font-size: .825rem;
    }
    
}

@media (prefers-reduced-motion: reduce) {
  .percentage-fill::after {
    animation: none;
  }
}