@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/notosans/v36/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9a6VI.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
    background-color:   #FFFFFF;
    background-image:   url("../images/25k-raster-stroud.x85ef33b5.png");
    font-family:        "Roboto", sans-serif;
    font-size:          18px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Noto Sans", sans-serif;
    color:              #643A6A;
}
div#header {
    background-color:   #643A6A;
    color:              #FFFFFF;
    width:              100%;
    padding-top:	    .5em;
    margin-left:        auto;
    margin-right:       auto;
}
div#content{
    background-color:   #FFFFFF;
    max-width:          1170px;
    margin-top:         1em;
    margin-left:        auto;
    margin-right:       auto;
    margin-bottom:      2em;
    padding:            1em;
    padding-bottom:     4em;
}
div#container {
    background-color:   #FFFFFF;
    margin:             1em;
    padding:		    .5em;
    width:              100%;
}
div#main {
    background-color:   #643A6A;
    color:              #FFFFFF;
    margin:             1em;
    padding:		    .5em;
    width:              100%;
    margin-left:        auto;
    margin-right:       auto;
    border:             2px #643A6A solid;
    border-radius:      3px;
}
div#footer {
    background-color:   #643A6A;
    font-size:          0.75em;
    color:              #FFFFFF;
    position:           fixed;
    left:               0;
    bottom:             0;
    width:              100%;
}

div#header a {
    color:              #FFFFFF;
    text-decoration:    none;
    font-family:        "Noto Sans", sans-serif;
    font-weight:        500;
    font-size:          1.2em;
}
div#header a:hover {
    background-color:   #FEC400;
    color:              #643A6A;
}

div#main h2 {
    color:              #FEC400;
}
.button, a.button {
    background-color:   #FEC400;
    color:              #643A6A !important;
    border:             3px #FEC400 solid;
    border-radius:      3px;
    width:              75%;
    padding:            .5em;
    margin-left:        auto;
    margin-right:       auto;
    font-weight:        500;
    font-size:          1.2em;
    text-decoration:    none !important;
}
.button:hover, a.button:hover {
    background-color:   #643A6A !important;
    color:              #FEC400 !important;
    border:             3px #FEC400 solid !important;
}

label {
    color:              #FFFFFF;
}
input[type=text] {
    background-color:   #FFFFFF;
    color:              #643A6A;
    border:             3px #FFFFFF solid;
    border-radius:      3px;
    width:              75%;
    margin-left:        auto;
    margin-right:       auto;
}
::placeholder {
    opacity:            1!important;
}
div#main a {
    color:              #FEC400;
    text-decoration:    underline;
}
div#main a:hover {
    background-color:   #FEC400;
    color:              #643A6A;
    text-decoration:    underline;
}

div#footer a {
    color:              #FEC400;
    text-decoration:    underline;
}
div#footer a:hover {
    background-color:   #FEC400;
    color:              #643A6A;
    text-decoration:    underline;
}