* {
    box-sizing: border-box;
    margin: .25em;
    font-family:"roboto", sans-serif;
}

/* HEADER DGPC Y FADU */
header {
    margin: 0;
    padding: 2em 0em 3em 0em;
    display: flex;
    justify-content:space-between;
    align-items:center;
    max-height: 1em;
    background-color: white;
}   

/* BODY */
body{
    background-color:aliceblue;
    margin: 0;
    padding: 0;
}


/* NAVEGACION */ 

.web{
    color:lightblue;
}


body nav ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    list-style-type: none;
    padding: 0;
    background-color: #dd9191;
    }

body nav ul li a{ 
    color:#ffffff;
    font-weight: bold;
    background-color:#dd9191;
    display: flex;
    padding: .5em 1em .5em 1em;
    text-align: center;
    text-decoration: none;
    justify-content: center
    }

/* TITULOS */
main h1{
    margin-top: 1em;
    color: #dd9191;
    text-align: center;
    }

main h2{
    margin-top: 1em;
    color: #dd9191;
    text-align: center;
    }
main h3{
    text-align: center;
    color:dimgrey;
}

/* DESCRIPCION */
main p{
    color: #9b9a9a;
    margin-left: 2em;
    margin-right: 2em;
}

/* IMAGEN */
main figure{
    margin-top: 2em;
    display: flex;
    justify-content: center;
    }

.irina{
    display: flex;
    border-radius: 100%;

    }

body main div p{
    color: ##9b9a9a;
    font-style: italic;
    font-size: 18px;
    text-align: center;
    margin-bottom: 2em;
   }


/* LINEAS */
hr{
    height: 4px;
    background-color:  #fddcdc;
    margin-left: 20%;
    margin-right:20%;
    margin-bottom: 1em;
    }

/* IMAGEN PROPUESTA */
.propuesta{
    display: flex;
    justify-content: center;
}

/* IMAGENES REDONDAS */
section ul{
    display: flex;
    justify-content:center;
    list-style-type: none;
}
section ul li img{
    display: flex;
    justify-content: center;
    padding: 0.5em;
    border-radius: 100%;
    max-width: 130px;
    max-height: 130px;
}

/* FOOTER */
footer p {
    color:#FFFFFF; 
    background-color:#525252;
    text-decoration: none;
    padding: .25em;
    }

/* a partir de un ancho de 900px */
@media (min-width:56em){
    
       
    main{
        display: flex; 
        justify-content: center;
        
    }
    h1{
     background:none; 
        padding: 0;
        justify-content: center;
        text-align: center;
    }
    
    .usuario{
        background-color: rgba(230, 197, 197, 0.51);
        border-radius:3%;
        max-width: 30em;
    }
    
    .ppropuesta{
        margin-left: 3em;
        justify-content: center; 
    }
    body main p{
        margin-left: 1em;
        margin-right:1em;
    }

    main div p{
        color: ##9b9a9a;
        font-style: italic;
        font-size: 18px;
        text-align: center;
        margin-bottom: 2em;
    }
    h3{
        color: #333333;
    }
    
    }