:root
{
    --dark-color: #333333;
    --bright-color: #ebebeb;
    --grey-color: #8d8d8d;
    --red-highlight-color: #F56476;
    --red-base-color: #E43F6F;
    --green-color: #5C946E;
}

body
{
    font-family : sans-serif; 
    color : var(--bright-color); 
    background-color : var(--dark-color); 
    font-weight : bold; 
}

a
{
    color: var(--bright-color); 
    text-decoration: none;
}
a:hover
{
    color:var(--red-base-color);
    font-style: italic;
    text-decoration: underline;
}

#page
{
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    margin: 2rem auto;
    margin-top: 2rem;
    width: 75%;
    height: 100%;
}

#header
{
    display:inherit;
    flex-direction: column;

    font-size: 4vw;
    align-items: center;
    align-content: center;
    margin: 0;
    padding: 0;
}

#header-image
{
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 38vw;
    height: auto;
}

#header-title
{
    margin: 0;
    padding: 0;
}

#content
{
    display: inherit;
    flex-direction: column;
    align-items: center;
    align-content: center;
}

#border
{

}

#links
{
    font-size: 2.8vw;
    font-weight: bolder;
    text-align: center;
}

#quote
{
    margin-top: 1rem;

    font-size: 2.4vw;
    font-weight:lighter;
    font-style: italic;
}