.skill-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    height: 2.25rem;

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

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

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

    .skill-name {
        width: 52%;
        font-size: 1.125em;
        font-weight: 600;
        text-align: start;
    }

    .skill-modifier {
        width: 18%;
        font-size: 1.5em;
        font-weight: 600;
    }
}
