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

.stats-container{
    display: flex;
    justify-content: space-between;
    margin: 2rem 2rem 0 2rem;
    gap: 2rem;
    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;
    // border: 1px solid #ff00ff;
    width: 100%;
}

.life-weapon-container{
    display: flex;
    flex-direction: column;
    // justify-content: space-between;
    gap: 2rem;
    // border: 3px solid #eeff00;
    width: 49%;
}

ability-panel{
    width: 49%;
}

.life{
    width: 100%;
    height: 20%;
    // border: 3px solid #020202;
}

.weapon{
    width: 100%;
    min-height: 50%;
    max-height: 70%;
    // border: 3px solid #5e0e0e;
}