@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inria+Serif:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

html {height:100%}

body {
    margin:0px;
    font-family:'Libre Franklin',Arial, Helvetica, sans-serif;
    font-size:15.5px;
    color:#404040;
    background-color:#f0f0f0;
}

a {
    color:#00a0a0;
}
a:hover {
    color:#00c0c0;
}

header {
    border-bottom:1px solid #e0e0e0;
    text-align:center;
    background-color:#ffffff;
    padding:20px;
}

header ul {
    list-style:none;
    margin:0px;
    padding:0px;
}

header ul li {
    display:inline-block;
    margin:0px;
    padding:0px;
}

header ul li a {
    /*color:#ff6000;*/
    text-decoration:none;
    padding:10px;margin:5px;
    display:inline-block;
    border-radius:5px;
    background-color:transparent;
    border:1px solid transparent;
}

header ul li a:hover {
    /*color:#ffa040;*/
    border-color:#e0e0e0;
}

main {
    width:100%;
}

h1,h2,h3,h4,h5,h6 {
    font-family:'Inria Serif',Georgia, 'Times New Roman', Times, serif;
    font-weight:normal;
    text-align:center;
    margin:10px;
    padding:0px;
}

h1 {
    width:100%;
    box-sizing:border-box;
    margin:0 auto;
    text-align:center;
    display:inline-block;
    padding:20px;
}

section {
    width:100%;
    border-bottom:1px solid #e0e0e0;
    margin:0px;
    display:inline-block;
    padding:20px;
    box-sizing:border-box;
}

article {
    width:100%;
    max-width:500px;
    padding-bottom:50px;
    box-sizing:border-box;
    margin:0 auto;
    text-align:center;
}

.material-symbols-outlined {
    vertical-align: -5px;
}

.home-icon {
    float:right;
}

footer {
    background-color:#204040;
    color:#c0ffff;
    width:100%;
    margin:0px;
    display:inline-block;
    padding:20px;
    box-sizing:border-box;
}