@import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap"); 

html, body
{
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

h1
{
    text-align: center;
    margin-top: 0;
}

.contact-info
{
    text-align: center;
    margin-bottom: 8pt;
}

h2
{
    margin-top: 13.5pt;
    margin-bottom: -6pt;
}

h3
{
    margin-top: 8pt;
    margin-bottom: 1pt;
}

h4
{
    margin-bottom: 0pt;
    margin-top:5pt;
}

p, ul
{
    margin: 0;
}

ul
{
    margin-top: 5pt;
}

.education
{
    margin-left: 20pt;
}

.reference-container
{
    display: block;
    width: 100%;
    overflow: auto;
    margin-top: 8pt;
    margin-bottom: 10pt;
}

.reference
{
    margin-top: -3pt;
    float: left;
    width: 50%;
   
}

.reference-labels
{
    float: left;
    width: 100px;
    font-weight: bold;
}

.reference-data
{
    float: left;
    flex:1;
}

.reference-section
{
    display: flex;
}

.dates
{
    margin-top: -2pt;
    margin-bottom: -2pt;
    font-style: italic;
}

.personal-statement h2
{
    margin-bottom: 6pt;
}

.personal-statement p
{
    margin-top: 3pt;
    margin-bottom: 6pt;
}

@page
{
    size: A4;
    margin-top: 1.5cm;
    margin-left: 2cm;
    margin-right: 2cm;
    margin-bottom: 1.5cm;
}

@media print
{
    body
    {
        margin: 0;
        size: A4;
        font-size: 10pt;
    }
    h1
    {
        font-size: 18pt;
    }
    h2
    {
        font-size: 14pt;
    }
    h3
    {
        font-size: 12pt;
    }
    h4
    {
        font-size: 11pt;
    }
    .dates
    {
        font-size: 9pt;
    }
}

@media screen
{
    main
    {
	border-radius: 12px;   
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: min(4%,80px);
        padding-right: min(4%,80px);
        max-width: 900px;
        margin-left:auto;
        margin-right: auto;
        background-color: white;
    }
    body
    {
        background-color: gray;
        font-size: 11pt;
    }
    h1
    {
        font-size: 20pt;
    }
    h2
    {
        font-size: 16pt;
    }
    h3
    {
        font-size: 14pt;
    }
    h4
    {
        font-size: 12pt;
    }
    .reference
    {
         min-width: 24em; /*380px;*/
    }
}