@charset "utf-8";


 
/*font-family: 'Nunito', sans-serif;
font-family: 'Francois One', sans-serif;
font-family: 'Patua One', cursive;*/

@import url('https://fonts.googleapis.com/css?family=Francois+One|Nunito:400,400i,900&display=swap');

@font-face {
    font-family: 'patua_oneregular'
        src url(font/patuaoneone-regular.woff2);}
        
*{margin:0; padding:0;
box-sizing: border-box;
background-color:#eee;
color: black}

body {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;}

header {background-color: white;
display: flex;
justify-content: space-between;}

body header img {
    background-color: white;
    margin: 2em;}

body header nav {
    margin:3em;}

    body header nav ul {
    list-style-type: none; 
    display: flex;
    justify-content: space-between;
font-family:'Francois One', sans-serif;}

    header nav ul li a {
    background-color:#FC3AA0 ;
    color: #ffffff; 
    font-size: 1em;
    padding: 1em;
    margin-left:0.1em;
    text-decoration: none;
    justify-content: center; }

    main section {
    margin: 2em;}

    main section h3 {color: #FC3AA0; 
    padding: 1rem: 0; font-family:'Nunito', sans-serif; font-size: 1.5em;}

   section ul {margin: 2em;font-family:'Nunito', sans-serif; font-size: 1em;line-height:
.em; }

#sofiagomez {
    background-color:white;
    margin: 2em;
    display: flex;
    flex-direction:row;
    justify-content: space-between;}

#sofiagomez h3 {color: black;}

.avatar {background-color: white;
    margin: 1em;
  height: 30%;
    width: auto;}

h1 {background-color: white; 
    font-size: 2em;
       font-family:'Francois One', sans-serif;
    padding: 1em; }

#historial {background-color:#FC3AA0;
    font-size: 1em;
    font-family: sans-serif;
    padding: 1em; margin: 1em;
    display: flex;
    flex-direction: column;}

    #historial h3 {background-color:white;
    font-size: 1.2em;
    padding: 0.5em;
    display: flex;
    justify-content:center}

    #historial ul{
    margin: 1em;
    display: flex;
    flex-direction: column;
        line-height:1.2em;

}

    #historial ul li{ background-color:#FC3AA0}

#integrantes {display: flex;}

    #integrantes h1 {font-size: 1em; }
   .eliana {text-decoration: none;
   color: white;
    background-color: #FC3AA0;
     padding: 1em; font-family:'Francois One', sans-serif;
}

h4 {color:grey;
    font-size:1em;
    margin:1em;
    text-decoration: underline;
    text-align: center;
font-family: "Patua One", cursive;
font-size: 1em; letter-spacing: 0.1em; font-weight: 200;

}

.autoridades{color:grey;
    font-size:1em;
    margin:1em;
line-height: .5em;
}

.logouba {max-width:100%;}


.dgpcdatos {margin: 0 auto;} 


.logo {max-width:100%;} 


#requerimientos{font-family: sans-serif;
    padding: 1em 1em 0 1em;
    }

#requerimientos h3 {color: #FC3AA0; 
text-align: center; font-family:'Francois One', sans-serif; font-size: 1.5em;}

#planwebapp { text-align: center;}
#texto {padding: 1em;font-family:'Nunito', sans-serif;
line-height:
1em;}

#imagenmapa img {max-width:100%; height: auto;}


footer { background-color: white;
    padding: 1em; 
    }

footer p {background-color: white;font-size: 0.81em;
text-align: center; font-family:'Nunito', sans-serif; line-height: 1.2em;}

@media ( max-width: 40rem )
{
    header { flex-wrap: wrap;
    justify-content: center;}

   #sofiagomez {
    margin: 2em;
    padding: 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;}

    .avatar {
    margin: 0 auto;
    }

    h1 {background-color: white; 
    display: flex;
     justify-content: center;
    font-family:'Francois One', sans-serif;
    letter-spacing: 0.1em;}


}