.boxed {
    border: 2pt solid white;
    margin-top: 10pt;
    border-radius: 20pt;
    padding-left: 10pt;
    padding-right: 10pt;
}

.boxed2 {
    border: 2pt solid white;
    margin-top: 10pt;
    border-radius: 10pt;
    padding-left: 5pt;
    padding-right: 5pt;
}

.boxed3 {
    border: 2pt solid white;
    margin-top: 10pt;
    border-radius: 20pt;
    padding-left: 10pt;
    padding-right: 10pt;
    padding-top: 5pt;
    padding-bottom: 5pt;
    height: 100%;
}

.boxPaded {
    padding-left: 10pt;
    padding-right: 10pt;
    padding-top: 5pt;
    padding-bottom: 5pt;
}

.centered {
    text-align: center;
}

.abilityBox {
    position: relative;
    text-align: center;
    /*display: flex;
    flex-direction: column;
    justify-content: flex-start;*/
    height: 80pt;
}

.abilityBox>.modifier {
    font-size: 24pt;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.abilityBox>.value {
    position: absolute;
    bottom: 5pt;
    /* left: 50%; */
    transform: translateX(-50%);
    text-align: center;
    width: 60pt;
}

.savingThrows .modifier, #skills .modifier, #char_passivePercep {
    font-weight: bold;
}

.modifierNeg {
    color: red !important;
}
.modifierPos {
    color: greenyellow !important;
}
.modifierProf {
    color: greenyellow !important;
}
.modifierExp {
    color: cyan !important;
}

.skillAbility {
    color: #a0a0a0;
}

h3 {
    font-size: 16pt;
}

h4 {
    font-size: 13pt;
}

.feature {
    margin-bottom: 10pt;
}
.feature p {
    margin-bottom: 5pt;
}

.featureName {
    font-weight: bold;
    font-size: 12pt;
    margin-bottom: 0pt !important;
}

.item>button.name {
    font-weight: bold;
    font-size: 12pt;
    margin-bottom: 0pt !important;
}

.spellHeader {
    margin-bottom: 8pt;
}

.spellDiv>button.name {
    font-weight: bold;
    font-size: 12pt;
}

.feature button.name {
    border: none;
    background: none;
    color: inherit;
}

#featDiv button {
    border: none;
    background: none;
    color: inherit;
}

.tag {
    font-style: italic;
    color: #c0c0c0;
    margin-top: 0pt;
    margin-bottom: 0pt;
}

.spellDiv p {
    margin-bottom: 5pt;
    line-height: 1.1;
}

.coinInput {
    width: 100%
}

#actionList h4 {
    font-weight: bold;
}

#char_resources {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.resourceBox {
    border: 2pt solid white;
    margin-top: 10pt;
    border-radius: 10pt;
    padding-left: 2pt;
    padding-right: 2pt;
    padding-bottom: 5pt;
    padding-top: 3pt;

    width: 100pt;
    text-align: center;
}
.resourceBox input {
    width: 40pt;
}
.resourceBox p {
    font-size: large;
    margin-bottom: 5pt;
}
.resourceBox .invisInput {
    text-align: center;
}

#char_hp {
    width: 100%;
    font-size: x-large;
}

.proficiency_list p {
    margin-bottom: 2pt;
}

#char_hitdice {
    font-size: x-large;
    text-align: center;
}
#char_hitdice .invisInput {
    font-size: x-large;
    text-align: center;
}

.item_edit_desc {
    width: 100%;
    field-sizing: content;
    min-height: 16pt;
    resize: none;
}

.item_edit_count {
    width: 40pt;
}

.spellNotes {
    width: 100% !important;
    field-sizing: content;
    min-height: 16pt;
    resize: none;
}
.proficiency_list {
    width: 100% !important;
    field-sizing: content;
    min-height: 16pt;
    resize: none;
}