@import url('https://fonts.googleapis.com/css2?family=Caesar+Dressing&display=swap');

.sheet-choose,
.sheet-divinity,
.sheet-avatar,
.sheet-apostle,
.sheet-followers,
.sheet-peril,
.threatstages,
.hidesecret {
    display: none;
}

.sheet-viewtypetoggle[value="choose"] ~ div.sheet-choose,
.sheet-viewtypetoggle[value="divinity"] ~ div.sheet-divinity,
.sheet-viewtypetoggle[value="avatar"] ~ div.sheet-avatar,
.sheet-viewtypetoggle[value="apostle"] ~ div.sheet-apostle,
.sheet-viewtypetoggle[value="followers"] ~ div.sheet-followers,
.sheet-viewtypetoggle[value="peril"] ~ div.sheet-peril {
    display: block;
}

.stagetoggle[value="confrontation"] ~ div.threatstages {
    display: block;
}

.secretbox:checked ~ input.hidesecret{
    display:inline;
}

.secretbox:checked ~ textarea.hidesecret{
    display:block;
}

.sheet-header,
.big-column,
.small-column,
.half-column,
.full-column {
    border: 2px solid DarkRed;
    border-radius: 10px;
    padding: 10px;
    margin: 5px;
}


.sheet-header,
.column-wrapper {
    display: flex;
    flex-direction: row;
}

.big-column,
.small-column,
.half-column,
.full-column {
    display: flex;
    flex-direction: column;
}

.big-column {
    width: 40%;
}

.small-column {
    width: 20%;
}

.half-column {
    width: 50%;
}

.full-column {
    width: 100%;
}

.inputpackage{
    margin-right: 25px;
}

.inputbox,
.inputhidebox {
    width: 150px;
    border-style: none none solid;
    font-weight: bold;
}

.inputbox {
    display: inline;
}

.inputlabel {
    font-family: 'Caesar Dressing', 'Patrick Hand';
    font-size: large;
}

textarea.inputarea {
    width: calc(100% - 10px);
    height: 108px;
    resize: vertical;
}

textarea.shortinput {
    width: calc(100% - 10px);
    height: 36px;
    resize: vertical;
}

.numberbox {
    font-size: x-large;
    border-style: none none solid;
    font-weight: bold;
}

.minitext {
    font-size: x-small;
}

.pantheonheader,
.pantheonline {
    display: grid;
    grid-template-columns: 40% 40% 1fr;
}

.pantheonitem {
    border-style: none none solid;
    width: 100%;
    height: 100%;
}

.pantheonheader{
    font-weight: bold;
    margin: 4px;
}

.fatenumber{
    font-size: x-large;
    font-weight: bold;
}

.salvruinlabel,
.boldlabel{
    font-weight: bold;
}

.statbox{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.harmgrid{
    display: grid;
    grid-template-columns: min-content 1fr;
}