Reclaim The Wild Roll20 sheet by RichardT (CSS Styling)

.sheet-background {
    background-color: white;
}
.sheet-character-wrap {
    margin: auto;
    width: 95%;
}
.sheet-sectionspacer {
    margin:20px 0px;
}
.sheet-inline {
    display: inline-block;
}
.sheet-page-menu {
    margin:auto;
    text-align:center;
}
/*------------------ Flex CSS--------------------*/
.sheet-flexrow {
    width: 100%;
    display: flex;
    flex-grow: 1;
    flex-direction: row;
    justify-content: space-between;
}
.sheet-flexcol {
    display: inline-flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 10px;
    align-items: flex-start;
}
.sheet-fill-line {
    width: 10%;
    flex-grow: 1;
}
.sheet-page-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sheet-col50 {
    width: calc(50% - 25px);
}
/*----------------- Page Functions----------------------*/
div.sheet-page-content { display:flex; }/*-------If using pages, set display: none-------*/
input.sheet-page1:checked ~ div.sheet-page1,
input.sheet-page2:checked ~ div.sheet-page2,
input.sheet-page3:checked ~ div.sheet-page3 { display: flex; }

input.sheet-page {
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -1.5px;
    cursor: pointer;
    z-index: 1;
    opacity: 1;
}

input.sheet-page + span::before {
    content: attr(title);
    border: solid 1px #a8a8a8;
    border-bottom-color: black;
    text-align: center;
    display: inline-block;
    background: #fff;
    background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    width: 150px;
    height: 20px;
    font-size: 18px;
    position: relative;
    top: 12px;

}


/*----------------- Input & Span Styling----------------*/
input.sheet-fill-line {
    border: 0;
    border-bottom: 1px solid black;
    height:1.4em;
}
.sheet-input-label {
    vertical-align: text-bottom;
    height:1em;

}

/*----------------- Button Styling-------------------*/
.sheet-button-text {
    float:right;
}