.adaptiveContainer {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto auto;
    grid-template-areas:
        "head"
        "info"
        "battles";
}

@media (min-aspect-ratio: 4/3) {
    .adaptiveContainer {
        grid-template-columns: 1fr 2fr;
        grid-template-rows: auto 1fr;
        grid-template-areas:
            "head    battles"
            "info battles";
    }
}


.icon-text-container {
    container-type: inline-size;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    grid-area: head;
}

.infoContainer {
    container-type: inline-size;
    grid-area: info;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto 1fr;
    gap: 3cqw;
}

.buttonsContainer {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 5cqw;
    gap: 2cqw;
    font-weight: bold;
}

.buttonsContainer a {
    min-width: 70%;
}

.creditsContainer {
    font-size: 4cqw;
}

.creditsContainer a {
    font-size: 3.5cqw;
}