.skill-box{
    border: solid 1px black;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap:1rem;

    input{
        border: none;
        outline: none;
        box-shadow: none;
        text-align: center;
        background-color: transparent;
        width: 30%;
        font-size: 1.5rem;
        font-weight: 600;
    }

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

    .skill-modifier{
        width: 10%;
        font-size: 1.5rem;
        font-weight: 600;
        text-align: end;

    }

    .skill-attribute-name{
        width: 10%;
        font-size: 1rem;
        font-weight: 600;
        color: #494949;
    }
}