:root {
    --base-font: 'Helvetica';
    --color-1: #F4A19A;
    --color-bright-1: #E74C3C;
    --color-2: black;
    --color-3: #F8F8F7;
    --color-4: #F9E79F;
    --color-5: #08A045;
    --title-size: 5vh;
    --subtitle-size: 3vh;
    --text-size: 2.5vh;
}

.body-container {
    background-color: var(--color-3);
    font-family: var(--base-font);
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 92vh;
}

.header-container {
    width: 95%;
    height: 10vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.title-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: var(--title-size);
    width: 88%;
}

.settings-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    width: 15%;
}

.content-container,
.add-felony-content-container, .stats-container {
    width: 95%;
    height: 58vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}

.stats-container {
    height: 16vh;
}

.add-felony-content-container {
    justify-content: flex-start;
    height: 85vh;
}

.actions-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    font-size: var(--subtitle-size);
}

.actions-button {
    width: 45%;
    height: 12vh;
    background-color: var(--color-1);
    color: var(--color-2);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.actions-button div {
    max-width: 70%;
    text-align: center;
}

.title-standing {
    width: 100%;
    height: 5vh;
    font-size: var(--subtitle-size);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.member-image {
    width: 6vh;
    height: 6vh;
}

.stats-row-container {
    font-size: var(--text-size);
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.stat-col-container {
    width: 31%;
    height: 11vh;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    background-color: var(--color-4);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.title-stat-col-container {
    font-style: italic;
    text-align: center;
}