body {
}
:root {
    /* Colors: */
    --color-313a3d: #313A3D;
    --color-2c3487: #2C3487;
    --color-008246: #008246;
    --color-e6e7e7: #E6E7E7;
    --color-afb4b9: #AFB4B9;
    --color-5f6973: #5F6973;
    --color-000000: #000000;
    --color-e1000f: #E1000F;
    --color-ffffff: #FFFFFF;
    /* Font/text values */
    --font-family-arial: Arial;
    --font-style-normal: normal;
    --font-weight-normal: normal;
    --font-weight-bold: bold;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --character-spacing-0: 0px;
    --line-spacing-16: 16px;
    --line-spacing-20-8: 20.8px;
}

/* Character Styles */
.character-style-1 {
    font-family: var(--font-family-arial);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-16);
    line-height: var(--line-spacing-20-8);
    letter-spacing: var(--character-spacing-0);
    color: var(--color-313a3d);
}

.character-style-2 {
    font-family: var(--font-family-arial);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-14);
    line-height: var(--line-spacing-16);
    letter-spacing: var(--character-spacing-0);
    color: var(--color-313a3d);
}

.character-style-3 {
    font-family: var(--font-family-arial);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-14);
    line-height: var(--line-spacing-16);
    letter-spacing: var(--character-spacing-0);
    color: var(--color-313a3d);
}

.title {
    font: var(--font-style-normal) normal var(--font-weight-normal) 25px/30px var(--font-family-arial);
    letter-spacing: var(--character-spacing-0);
    color: var(--color-e1000f);
    text-align: left;
    font: normal normal normal 25px/30px Arial;
    letter-spacing: 0px;
    color: #E1000F;
    opacity: 1;
}

.subtitle-red {
    font: var(--font-style-normal) normal var(--font-weight-normal) 28px/32px var(--font-family-arial);
    letter-spacing: var(--character-spacing-0);
    color: var(--color-e1000f);
    text-align: left;
    font: normal normal normal 28px/32px Arial;
    letter-spacing: 0px;
    color: #E1000F;
    opacity: 1;
}

.subtitle-black-underlined {
    font: var(--font-style-normal) normal var(--font-weight-normal) 28px/32px var(--font-family-arial);
    letter-spacing: var(--character-spacing-0);
    color: var(--color-313a3d);
    text-align: left;
    font: normal normal normal 28px/32px Arial;
    letter-spacing: 0px;
    color: #313A3D;
    opacity: 1;
    border-bottom: 2px solid black;
}

.paragraph-title {
    font: var(--font-style-normal) normal var(--font-weight-bold) 18px/23.4px var(--font-family-arial);
    letter-spacing: var(--character-spacing-0);
    color: var(--color-313a3d);
    text-align: left;
    font: normal normal bold 18px/23px Arial;
    letter-spacing: 0px;
    color: #313A3D;
    opacity: 1;
}

.paragraph {
    color: var(--color-313a3d);
    text-align: left;
    color: #313A3D;
    opacity: 1;
}

.footer-item {
    font: var(--font-style-normal) normal var(--font-weight-normal) 16px var(--font-family-arial);
    letter-spacing: var(--character-spacing-0);
    text-align: left;
    font: normal normal normal 16px Arial;
    letter-spacing: 0px;
    opacity: 1;
}

.link {
    color: #505050;
}

    .link:visited {
        color: #505050;
    }
    
    .link:hover {
        color: #E1000F;
    }

.red-floating-right-box {
    float: right;
    background-color: #E1000F;
    color: #fff;
    padding: 20px;
}

.red-floating-right-box:visited {

}

.link-white {
    color: #fff;
}

    .link-white:visited {
        color: #fff;
    }

.subtitle-white {
    font: var(--font-style-normal) normal var(--font-weight-normal) 28px/32px var(--font-family-arial);
    letter-spacing: var(--character-spacing-0);
    color: var(--color-ffffff);
    text-align: left;
    font: normal normal normal 28px/32px Arial;
    letter-spacing: 0px;
    color: #fff;
    opacity: 1;
}

.paragraph-white {
    color: var(--color-ffffff);
    text-align: left;
    color: #fff;
    opacity: 1;
}

.button-light {
    text-align: center;
    margin: auto;
    border-color: #f0f1f5;
    border-radius: 2px;
}

.red-floating-right-box:hover .button-light {
    background-color: #222;
    color: #fff;
    border-color: #222;
}

.red-floating-right-box:hover .link-white {
    color: #fff;
    text-decoration: underline;
}

.button-accept {
    background: var(--color-e1000f) 0% 0% no-repeat padding-box;
    background: #E1000F 0% 0% no-repeat padding-box;
    background-color: #E1000F;
    opacity: 1;
    height: 38px;
    padding-left: 24px;
    padding-right: 24px;
    border-color: #E1000F;
    border-style: solid;
}

.button-accept-font {
    font: var(--font-style-normal) normal var(--font-weight-normal) 15px/17px var(--font-family-arial);
    letter-spacing: var(--character-spacing-0);
    color: var(--color-ffffff);
    text-align: left;
    font: normal normal normal 15px/17px Arial;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.button-accept:hover {
    background-color: #222;
    color: #fff;
    border-color: #222;
}

.button-accept:hover .button-accept-font{
    color: #fff;
}

.button-reject {
    background: #F0F1F5 0% 0% no-repeat padding-box;
    background-color: #F0F1F5;
    opacity: 1;
    height: 38px;
    padding-left: 24px;
    padding-right: 24px;
    border-color: #F0F1F5;
    border-style: solid;
}

.button-reject-font {
    font: var(--font-style-normal) normal var(--font-weight-normal) 15px/17px var(--font-family-arial);
    letter-spacing: var(--character-spacing-0);
    color: var(--color-313a3d);
    text-align: left;
    font: normal normal normal 15px/17px Arial;
    letter-spacing: 0px;
    color: #313A3D;
    opacity: 1;
}

.button-reject:hover {
    background-color: #222;
    color: #fff;
    border-color: #222;
}

.button-reject:hover .button-reject-font {
    color: #fff;
}

.underlined {
    text-decoration: underline;
}