@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans');
@import url('https://fonts.googleapis.com/css?family=Oswald|Rubik:400,700');
*{ margin: 0;}
body { background-color: #117b80;
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    color:#000;    }
header {background: #000; color: #fff; text-align: center}

nav{background: #404d53;color:#a6cae0;}
nav ul {padding: 0;}
nav ul li a {
            color: #000;
            text-decoration: none;
            text-align: center;
            background: #ccc;
            display: block;
            padding: 1rem;
            border-radius: 2rem;
}
nav ul li a:hover {background: #d67e47; color: #fff;}

body footer p { text-align: center; color: #fff; background-color: #000000;
       }
section article { text-align: center;  border-radius: 0.9rem; text-decoration: display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: stretch; align-content: stretch;  padding: 2rem}

.image {width:25%; border-radius: 15rem; margin-top: 0.5rem;}
body h1 {text-align: center}
body h2 {text-align: center; background-color: #d67e47; border-radius: 0.5rem; color: #ffffff}