body{
    font-family: 'OpenDyslexic';
    background-image: url(../images/bgs/multi030.jpg);
}
section {
    text-align: center;
}
.header {
    background-color:rgb(178, 34, 34, .5);
    padding: 5%;
    margin-bottom: 1%;
    border: dotted 20px goldenrod;
    border-radius: 20%;
    color: darkgreen;
    text-shadow: 1px 1px darkslategrey, 0px 0px 15px cornsilk ;
}
.links {
    background-color: rgb(255, 127, 80, .8);
    border: dotted 20px navajowhite;
    border-radius: 20%;
    color: darkslategrey;
    padding: 1%;
    margin: 1%;
}
a:link {
    color: peru;
}
a:visited {
    color: firebrick;
}
a:hover {
    color: green;
}
a:active {
    color:goldenrod;
}
.h-flex {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
}
@media (max-width: 800px) {
    .h-flex {
        flex-direction: column;
    }
}