@charset "utf-8";

@font-face {
    font-family: 'latoregular';
    src: url('lato-regular-webfont.eot');
    src: url('lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-regular-webfont.woff2') format('woff2'),
         url('lato-regular-webfont.woff') format('woff'),
         url('lato-regular-webfont.ttf') format('truetype'),
         url('lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {display: flex;
    justify-content: center;
    background-color: #54A891;
font-family:'latoregular';}
header nav ul {list-style: none;
margin:0;
padding: 0;}

header nav ul li {
    margin: 0 0 0.2em 0;
}

header nav ul li a {
    text-decoration: none; 
    display: block; 
    background-color: #f282be;
    color:rgb(245, 245, 219); 
    padding:0.3em;
    text-align: center;
}

h2 {
    margin: 0 0 0.2em 0;
    text-decoration: none; 
    display: block; 
    background-color: #d0d0b3;
    color:beige; 
    padding:0.3em;
text-align: center;
width:44%;}



section article h4 {text-align: center;
                    color: #f282be;}

footer {text-align: center;
background-color: #f282be;
color:beige;
padding:0.3em;}


nav div ul {
    width:100%;
    display:flex;
    flex-wrap: nowrap;
    
}

img{width:70%;
align-self: center;}