@charset "utf-8";

/* reglasgenerales */
*{  padding: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    text-decoration: none;
    font-family:sans-serif;
}
body { background: linear-gradient(0deg, rgb(173, 255, 92) 0%, rgb(237, 84, 245) 35%, rgba(255,91,17,1) 100%); min-height: 100vh; flex-direction: column;justify-content: space-between;}

ul { list-style: none; margin: auto; }

nav {padding: 1em 0; background: linear-gradient(0deg, rgb(167, 0, 255) 0%, rgb(17, 199, 253) 100%); }

.menu ul {display: flex; justify-content: space-around;flex-wrap: wrap;}

.menu a {color: white; text-decoration: none;}

/*MIS COSAS*/

.estudiante h1 {display: block;align-content: center;
    text-align: center;
    margin: auto;color: #100034;padding: .2em;font-size: 1.8em;}
.estudiante h3 {display: block;align-content: center;
    text-align: center;
    margin: auto;color: #100034;font-size: .9em;padding: .3em;}

#yo { border-radius: 100px;height: 100%; width: 40%;display: block;text-align: center; margin: auto;padding: .4em;}



.redes {
    display: block;
    text-align: center;
    margin: auto;
padding:.5em;}

.redes img {height: 30px;}

#materias  {padding: 1em; background: linear-gradient(0deg, rgb(0, 255, 118) 0%, rgb(169, 0, 191) 100%); margin: 1em 5em 1em 5em; border-radius: 30px;}
#materias h4 {color: white;margin: auto;text-align: center;padding: .5em;}
#materias li {color:white; display: block;
    text-align: center;
    margin: auto;}

/*EQUIPO*/
.equipo {background: linear-gradient(0deg, rgb(255, 255, 79) 0%, rgb(255, 63, 152) 100%);padding: .5em 0 1em ;margin: 1em 5em 1em 5em; border-radius: 30px;}
.equipo ul li a {display: block;
    text-align: center;
    margin: auto;padding: .5em;color: black;}
.equipo ul li a:hover {background-color: white;}
.equipo h3 { color:black;text-align: center;margin: auto;padding: .2em;}
.equipo h4 { color:black;text-align: center;margin: auto;padding: .2em;}

/*ANALISIS*/
#analisis {
    text-align: center;
    margin: auto;padding: 1em;background: white; border-radius: 40px; margin: 1em 5em 1em 5em;display: flex;}
#analisis a {color: black;display: block;
    text-align: center;
    margin: auto;padding: .5em;}
#analisis a:hover {background-color: blueviolet;}


/*BOCETOS*/
#boceto   {height: 100%; width: 100%; display: block; margin: auto;}
#boceto h2 {color: white;text-align: center;
    margin: auto;}


/*DATOS ACADEMICOS*/
#datosacademico {padding: 1em;display: flex;flex-direction: column;justify-content: space-between;}
#datosacademico h4 {color: black;text-align: center;margin: auto;padding: .5em;font-size: .9em;}

#datosacademico p {display: flex;
    text-align: center;
    margin: auto;font-size: .6em;}

#datosacademico h5 {display: block;
    text-align: center;
    margin: auto;font-size: .7em;}


.logo { height: 100%; width: 30%;max-height: 4em ;display: flex; margin: auto; }
.logog { height: 100%; width: 15%;max-height: 4em ;display: flex; margin: auto; }
/*FOOTER*/
footer { align-self: baseline;}

footer p {
    margin: auto;
    font-size: .5em;
text-align: center;
    
    color: #ffffff;
    padding: 1em 1em;
    background:rgb(163, 0, 113);}


/* MAPA */


#tema h1 {display: block; text-align: center; margin: auto;}

#mapa {display: block; text-align: center; margin: auto;}

/* PLAN */

.target {padding: 1em;background: white;}
.target h4 {background: white; display: block;
    text-align: center;
    margin: auto; color: brown;}

.target img { height: 500px; display: block; margin: auto;}



#tema {background: white;margin: auto;padding: 1em;}
#tema h2 {color: black; display: block; margin: auto;padding: 1em;text-align: center;}} 



/* ANALISIS */
.analisis {display: block;
    text-align: center;
    margin: auto;background: white;}
#analisis h3  {display: block;
    text-align: center;
    margin: auto;}

#fotoanalisis { height: 100%; width: 100%;display: block;
    text-align: center;
    margin: auto;}

/* Primera parte para el celular mobile first */ 



/* Segunda parte pra escritorio */