@import url('fa-basic.min.css') all;
@import url('fa-brand.min.css') all;
@import url('fa-solid.min.css') all;

/* open-sans-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'),
    url('../fonts/open-sans-v13-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans-v13-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'),
    url('../fonts/open-sans-v13-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans-v13-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

* {
    background-color: #a7c6da;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: underline;
    color: #000000;
}
a:hover {
    color: #727272;
}
a.contact {
    text-decoration: none;
    font-style: italic;
}

hr {
    margin: 5em;
}

html {
    height: 100%;
}

body {
    min-height: 100%;
    position: relative;
}

header {
    display: block;
    width: 100%;
    padding: 7% 0 0;
    text-align: center;
}
header h1 {
    line-height: 100%;
}
header img {
    height: 225px;
    width: 350px;
}
header p {
    letter-spacing: 1px;
}
header acronym {
    text-decoration: none;
}

main {
    display: block;
    max-width: 500px;
    margin: 0 auto;
    padding: 5em 0 12em;
}
main p {
    margin: 1em 0;
}
main p.center {
    text-align: center;
}
main ul {
    padding-left: 20px;
}
main ul li {
    margin: 1em 0;
}
main.homepage div.icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}
main.homepage a {
    width: 105px;
    margin-top: 1.2em;
    color: transparent;
    text-align: center;
    text-decoration: none;
}
main.homepage a i {
    color: #000000;
}
main.homepage a:hover,
main.homepage a:hover i {
    color: #727272;
}

footer {
    display: block;
    height: 5em;
    width: 100%;
    position: absolute;
    bottom: 2em;
    text-align: center;
}
footer acronym {
    text-decoration: none;
}