.sheet-top {
    width: 800px;
    font-family: Copperplate;
    background-color: white;
    color: #24468E;
}

.sheet-right {
    float: right
}

.total-hp {
    clear: both;
}

.current-hp {
    clear: both;
}

.current-xp {
    clear: both;
}

.total-hp .char-label {
    display: inline-block;
}

.current-hp .char-label {
    display: inline-block;
}

.current-xp .char-label {
    display: inline-block;
}

.total-hp input {
    width: 64px;
    float: right;
}

.current-hp input {
    width: 64px;
    float: right;
}

.current-xp input {
    width: 64px;
    float: right;
}

.talents {
    width: fit-content;
}

.talent input {
    width: 256px
}

.talents-title {
    margin-top: 20px;
    text-align: center;
    background-color: #24468E;
    color: white;
}

.notes {
    width: fit-content;
}

.notes-title {
    margin-top: 20px;
    text-align: center;
    background-color: #24468E;
    color: white;
}

.notes input {
    width: 256px
}

.char-name .char-label {
    display: inline-block;
    width: 48px;
}

.char-def .char-label {
    display: inline-block;
    width: 48px;
}

.attribute .att-name {
    display: inline-block;
    width: 48px;
}

.attribute input {
    width: 36px;
}

.char-def input {
    width: 36px;
}

.equipment-title {
    text-align: center;
    background-color: #24468E;
    color: white;
}

.equipment {
    width: fit-content;
    margin-top: 20px;
}

.equipment-encumbered {
    width: fit-content;
    margin-top: 20px;
}

.item {
    margin-top: 1px;
}

input {
  border: none;
  border-bottom: 1px solid;
  border-color: #24468E;
  background-color: #FFF;
}

.item-index {
    display: inline-block;
    width: 28px;
    text-align: center;
    color: #24468E;
    font-size: 18px;
}