html {
    --el-title-color: #000;
    --dark-title-color: #afddf5;
    --header-link-color: #fff;
    --header-link-color-hover: #81b1cb;
    --header-link-color-active: #81b1cb;
    --footer-link: #BBBBBB;
    --footer-link-hover: #81b1cb;
    --footer-link-active: #81b1cb;
    --green-bg: #324e5d;
    --hover-green-bg: #084669;
    --dark-green-text: #000;
    --dark-green-bg: #000;
    --blue-bg: #2b88bb;
    --border-color: #afddf5;
    --light-text: #F4E4C1;
    --white: #ffffff;
    --black: #000000;
}

.flex {
    display: flex;
}

p {
    font-size: 14px;
}

h1 {
    font-size: 40px;
    font-weight: 700;
}

.subheader-title {
    font-size: 24px;
    font-weight: 700;
}

.row {
    flex-direction: row;
}

.column {
    flex-direction: column;
}