body
{
	margin: 20px;
	background-color: #141414;
	color: #FFFFFF;
}

div.container
{
    width: 984px;
    max-width: 984px;
    margin: auto;
}

/* OUTPUT CARD */

div.output-card
{
    display: block;
    box-sizing: border-box;
    
    width: 100%;

    padding: 12px;
    
    margin: 0;
    margin-bottom: 12px;

    border-radius: 8px;

    background-color: #191c24;

    font-family: 'Quicksand', sans-serif;
    font-size: 11pt;
}

div.output-card canvas 
{
    display: block;
    box-sizing: border-box;

    margin: 0;

    padding: 0;
}

/* HEADER CARD */

.header-card
{
    display: block;
    box-sizing: border-box;
    justify-content: center;
    text-align: center;

    width: 984px;

    margin: 0;
    margin-top: 24px;
    margin-bottom: 12px;

    padding: 8px;
    padding-left: 12px;
    padding-right: 12px;

    background-color: #191C24;

    border-radius: 8px;

    font-family: 'Questrial', sans-serif;
    font-size: 12pt;
}

/* INFO CARD */

.info-card
{
    display: block;
    box-sizing: border-box;

    width: 100%;

    margin: 0;
    margin-bottom: 12px;
    
    padding: 12px;

    background-color: #191C24;

    border-radius: 8px;
    
    font-family: 'Quicksand', sans-serif;
    font-size: 11pt;
}

.info-card h1
{
    padding: 0;
    margin: 0;
    margin-bottom: 6pt;
    line-height: normal;
    font-family: 'Quicksand', sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color: #FFFFFF;
}

.info-card h1 a
{
    color: gold;
    text-decoration: none;
}

.info-card p
{
    padding: 0;
    margin: 0;
    margin-bottom: 6pt;
    line-height: normal;
}

.info-card p a
{
    color: gold;
    text-decoration: underline;
    font-weight: bold;
}