.stats-page-container{
    display: flex;
    flex-direction: column;
    width: 100vw;
    gap: 2rem;

    .name-container{
        display: flex;
        flex-direction: column;
        width: 100vw;
        height: 5vh;
        // margin: 5rem 0 0 2rem;
        padding: 10px;
        border: 1px solid #8d8c8c;
        border-radius: 5px;
        text-align: center;
    }
}


.stats-container{
    display: flex;
    flex-direction: row;
    width: 100vw;
    gap: 2rem;
    border: 1px solid #882121;
    border-radius: 5px;

    .attribute-skill-container{
        display: flex;
        flex-direction: column;
        gap: 1rem;
        width: 25%;
        padding: 10px;
        border: 1px solid #8d8c8c;
        border-radius: 5px;

        .aatribute-skill-box{
            display: flex;
            flex-direction: row;
            // gap: 0.5rem;
            width: 100%;
            border: 1px solid #8d8c8c;
            border-radius: 5px;
        }
    }

    .save-skill-container{
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        width: 20%;
        border: 1px solid #8d8c8c;
        border-radius: 5px;
    }
    
    .life-weapon-container{
        display:flex;
        flex-direction: column;
        width: 30vw;
        gap: 2rem;
        border: 1px solid #8d8c8c;
        border-radius: 5px;
    }

    .platzhalter{
        width: 30vw;
        height: 80vh;
        border: 1px solid #8d8c8c;
        border-radius: 5px;
    }
}


