/*^ colors----------------------------------------------------------------*/
:root {
    --whiteishGreen: #f2f8ec;
    --middleGreen: #8ac256;
    --darkGreen: #3f5e22;
    --whiteishBlue: #e9f6fb;
    --paleBlue: #bee4f3;
    --strongLightBlue: #28a6d7;
    --middleBlue: #0e59a4;
    --darkestBlue: #08335e;
    
}

body {
    background-color: var(--middleBlue);
    color: var(--whiteishBlue);
}

header,
footer {
    background-color: var(--darkestBlue);
    color:var(--paleBlue);
}

/*^  end colors--------------------------------------------------------------*/

/** font ------------------------------------------------------------------*/
body {
    font-size: 14pt;
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
    text-align: center;
}

footer{
    font-size: smaller;
}

/** end font--------------------------------------------------------------*/

/*? margins and other stuff----------------------------------------------------*/
body {
    margin: 0px;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

img {
    width: 90vh;
    height: 90vh;
 
    margin: auto;
}

main {
    margin: 1em;
    padding: 1em;
    
}

header, footer{
    padding: 2em;
}
footer{
    margin-top: auto;
}


/*? end margins and other stuff-----------------------------------------------*/