/* Styles specific for home.inc.php */

/*
This stylesheet handles styles specific for home.inc.php.
It is included by index.php.

**************************************
** Project Specific Font and Colors **
*/

html {
    --headingFont: 'Poppins', sans-serif;
    --bodyFont: 'Shippori Mincho', serif;
    --mainFontColor: #122130;
}

/*
*********************
** CSS Boilerplate **
*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
}

/*
***************************
** Begin Default Styling **
*/

body {
    color: var(--mainFontColor);
    font-family: var(--bodyFont);
}

h1, h2, h3 {
    font-family: var(--headingFont);
    font-weight: 400;
}

header {
    height: 130px;
    padding: 15px;
}

header img {
    display: block;
    height: 100%;
    margin: 0 auto;
}

main, footer {
    text-align: center;
}

main {
    margin: 50px 0;
    padding: 0 15px;
}

main img {
    width: 100%;
    max-width: 450px;
    margin: 50px 0;
}