@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

:root
{
    --color-background: #ffffff;
    
    --color-light-one: #bcdbdf;
    --color-light-two: #99c8ce;
    --color-dark-one: #2e82ac;
    --color-dark-two: #235784;
    --color-light-three: #deeeef;
    --color-dark-three: #183c5c;
}

/* Begin Temporary Under Construction Styling */
.under-construction
{
    background-color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    background-image: url(/img/construction_site.jpg);
    background-position: center;
    background-size: cover;
    height: 81vh;
}

.under-construction h1, .under-construction h2, .under-construction h3
{
    color: var(--color-dark-two);
    text-align: center;
}

.under-construction h1
{
    padding-top: 2rem;
    margin-bottom: 1.5rem;
    font-weight: 600;
}

.under-construction h2
{
    margin-top: 2rem;
    font-weight: 600;
}

.under-construction h3
{
    font-size: 2rem;
    font-weight: 500;
}


/* End Temporary Under Construction Styling */