.skill-box{
    // border: solid 1px black;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;

    .skill-proficiency-input{
        width: 15%;
    }

    .skill-attribute-name{
        width: 15%;
        font-weight: 600;
        color: #494949;
    }

    .skill-name{
        width: 50%;
        font-size: 1.125em;
        font-weight: 600;
        text-align: start;
    }
    
    .skill-modifier{
        width: 20%;
        font-size: 1.5em;
        font-weight: 600;
    }
}