:root {
--body-darkest: #121314;
--body-darker: #1c1c1e;
--body-opacity-25: rgba(37,38,40,0.25);
--body-opacity-50: rgba(37,38,40,0.5);
--body-opacity-90: rgba(37,38,40,0.9);
--body: #252628;
--body-light: #929394;
--body-lighter: #c8c9c9;
--body-lightest: #f4f4f4;
--primary-darkest: #0c1433;
--primary-darker: #131e4c;
--primary-opacity-25: rgba(25,40,102,0.25);
--primary-opacity-50: rgba(25,40,102,0.5);
--primary-opacity-90: rgba(25,40,102,0.9);
--primary: #192866;
--primary-light: #8c94b3;
--primary-lighter: #c5c9d9;
--primary-lightest: #f3f4f7;
--secondary-darkest: #252526;
--secondary-darker: #38373a;
--secondary-opacity-25: rgba(75,74,77,0.25);
--secondary-opacity-50: rgba(75,74,77,0.5);
--secondary-opacity-90: rgba(75,74,77,0.9);
--secondary: #4b4a4d;
--secondary-light: #a5a5a6;
--secondary-lighter: #d2d2d2;
--secondary-lightest: #f6f6f6;
--info-darkest: #7f410b;
--info-darker: #bf6210;
--info-opacity-25: rgba(255,131,22,0.25);
--info-opacity-50: rgba(255,131,22,0.5);
--info-opacity-90: rgba(255,131,22,0.9);
--info: #ff8316;
--info-light: #ffc18b;
--info-lighter: #ffe0c5;
--info-lightest: #fff9f3;
--highlight-darkest: #00557f;
--highlight-darker: #0180bf;
--highlight-opacity-25: rgba(1,171,255,0.25);
--highlight-opacity-50: rgba(1,171,255,0.5);
--highlight-opacity-90: rgba(1,171,255,0.9);
--highlight: #01abff;
--highlight-light: #80d5ff;
--highlight-lighter: #bfeaff;
--highlight-lightest: #f2fbff;
--font-family-sans-serif: "montserrat", sans-serif;
--font-family-headings: alfarn-2, sans-serif;
}

.login-container .app-logo,
.logo {
  border-radius: 4rem;
}

        .footer-wrapper {
            padding-top: 2rem;
        }

        .footer-content {
            color: var(--primary);        
        }        

        .vote-date {
            color: var(--info);
        }

        .vote-date h4 {
            font-family: var(--font-family-headings);
            font-size: 2rem;
            line-height: 1.8rem;
            font-weight: 800;
            text-transform: uppercase;
            margin-bottom: 4rem
        }

        .vote-badge {
            background-color: var(--primary);
            color: white;
            border-radius: 4rem;
            width: 8rem;
            height: 8rem;
            font-size: 1.3rem;
            line-height: 1.2rem;
            font-weight: 700;            
            text-align: center;
            padding: 1.6rem 1.5rem;
            transform: rotate(-8deg);
            text-transform: uppercase;
            display: inline-block;
            box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
            margin: 1rem;
        }

        .social-links h5 {
            font-family: var(--font-family-sans-serif);
            font-weight: 800;
        }

        .social-links a {
            font-weight: 600;
        }

        .authorized-by {
            margin-top: 1rem;
            border-top: 2px solid var(--primary);
        }

        .authorized-by p {
            padding-top: 0.6rem;
            text-align: center;
        }

.content-header {
  background-color: var(--primary);
  color: white;
}

.content-info {
  background-color: var(--info);
  color: white;
}

.content-highlight {
  background-color: var(--highlight);
  color: white;
}

.content-footer {
  background-color: #f0edd9;
}

.what-i-support-header,
.how-to-vote-header,
.home-header {
  display: none;
}

.home-nav {
    padding: 2.5rem 2rem 2rem 2rem;
}

.home-nav a {
    color: white;
    font-size: 2rem;
    font-weight: 600;
    text-decoration: none;
    align-items: baseline;
}

.home-nav a:hover {
    color: var(--primary-lightest);
    text-decoration: none;
}

.home-nav a img {
    width: 4rem;
    margin-right: 2rem;
    margin-top: -2rem;
}