@charset "utf-8";

* { margin: 10px;
    padding: 10px;
    box-sizing: :border-box;
}

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,700,900');

*{
    box-sizing: border-box;
    margin: 3;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
}

html{
    font-size: 16px;
    background-color: #f2edcd
}

p{
    color: #47414b
}

ul, menu, dir {
    display: block
    list-style: none;
    padding:0;
    margin: 1;
        
}

header nav ul li a {
    text-decoration: none;
    color: crimson;
    display: block;
    text-align: center;
    background-color: rgba(247, 228, 230, 0.52);
    font-family: sans-serif;
    font-weight: bold;
    }

header nav ul li a:hover {
    color: #dd2689;
}

@media screen and (min-width: 32em){
    body { background-color: #ebf2f2}
}

/* BARRA DE NAVEGACION */

header ul{
    list-style-type: none;
    margin: 0px;
    padding:0px;
    background: #80d69e;
    overflow: hidden;
}

header li {
    float:left;
   }

header li a {
    display:flex;
    display:block;
    text-align:center;
    padding: 30px 30px;
    font-family:'amblebold';
    text-decoration: none;
    border-right: 2px solid #988b8b;
    display:flex;
    color:#de9f77;
    font-size: 25px;
    }

header li a:hover{
    color:aqua;
background-color: darkgray;
padding: 20px 20px
}