:root 
{
    --primary-color: crimson;
    --secondary-color: white;
    --tertiary-color: black;

    --primary-font-size: 10vmin;
    --secondary-font-size: 2vmin;
    --tertiary-font-size: 1.75vmin;
}

body
{
    display: flex; align-items: center; height: 100vh; width: 100vw; margin: 0; padding: 0; 
    flex-direction: column; 
    background-color: crimson;
    color: white;
}

.url { font-size: var(--tertiary-font-size); }

.fira
{
    font-family: Fira;
}

#main
{
    padding: 2vmin;
    width: 96vmin;
}

.headerGroup
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.headerGroup span
{
    width: 100%;
}

.headerGroup span:nth-child(1)
{
    text-align: left;
}

.headerGroup span:nth-child(2)
{
    text-align: center;
}

.headerGroup span:nth-child(3)
{
    text-align: right;
}

.headerTitle
{
    display: block; text-align: left;
    margin: 0; padding: 0;
    font-family: Avenir;
    font-size: var(--primary-font-size);
    text-transform: uppercase;
}

.para
{
    display: block;
    margin: 0; padding: 2vmin;
    font-family: Fira;
    font-size: var(--secondary-font-size);
}

.centerText
{
    text-align: center;
}

.copyright
{
    font-size: var(--tertiary-font-size);
}