.center {
    display: flex;
    justify-content: center;
}

.stats-container {
    display: flex;
    justify-content: space-between;
    margin: 1.5rem 1.5rem 0 1.5rem;
    gap: 1.5rem;
    width: 100%;
}

attribute-skill-container {
    width: 25%;

    @media (width < 1700px) {
        width: 28%;
    }
}

.container2 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 75%;

    @media (width < 1700px) {
        width: 72%;
    }
}

.rest {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.life-weapon-container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 49%;

    @media (height < 934px) {
        gap: 1.5rem;
    }
}

ability-panel {
    width: 49%;
}

.life {
    width: 100%;
    height: 20%;
}

.weapon {
    width: 100%;
    min-height: 50%;
    max-height: 70%;
}