* {
    margin: 6;
    padding: 1;
    box-sizing:border-box;
    max-width: 100%;
    text-align:center;
    font-family: 'Livvic', sans-serif;
    list-style: none;
    text-decoration: none;

    
}

.indexplanmapa {
    background-color: antiquewhite;
    padding: 1.5em;
    border-radius: 20px;
    

}

.indexplanmapa > a:hover {
    background-color:white;
    border-color: darkturquoise;
}


header > nav > a {
    text-decoration: none;
    text-transform: uppercase;
    color: white;
}



body header nav a {
    color: darkturquoise;
    background-color:antiquewhite;
    text-decoration: none;
    display: inline;
    justify-content: center;
    flex-direction: column;
    list-style: none;
    margin-right: 0em;
    margin-left: 0.4em;
    list-style: none;
    color:burlywood;
    padding: 0.4em;
    border-radius: 15px;
}
body header nav img {
    height: 42px;
}
.indexplanmapa a:hover {
    color: burlywood;
}

body main h1 {
    
    margin: auto;
    color:burlywood;
    text-shadow:bisque 0.1em 0.1em 0.1em; 
    padding: 30px 30px;
    text-align: center;
   
}

.yo {
    padding: 0.5m;
    font-size: 1.5rem;
    display: flex;
    justify-content:space-between;
    flex-direction: column;
    border-radius: 25px;
    text-align: center;
    background-color: beige;
 
}
.yo p {
    color: white;
    display: flex;
    padding: 0em;
    margin-top: auto;
    justify-content: center;
    background-color: darkturquoise;
    padding: 0.2em;
    border-radius: 15px;
}


body main h4 {
    color: burlywood;
    text-shadow: bisque 0.2em 0.2em 0.1em;
    font-size: 2em;
}

body main section ul li a {
    color: darkturquoise
}



body section img { 
height: 250px;
width: 250px;
border:3px solid darkturquoise;
border-radius:180px;
    margin-bottom:25px;
    
    
}

body section img:hover {
    border: 5px solid burlywood;
}


.mio p {
    color: darkturquoise;
    border: burlywood 3px dotted;
    border-radius: 15px;
    text-align: justify;
    text-decoration: none;
    overflow: hidden;
    background-color: white;
    padding: 2em;
    font-size: .9rem;
    display: flex;
    justify-content:column;
    flex-direction: column;
    margin: auto;
    width: 960px;
    
}

body section nav a img {
    width: 40px;
    height: 40px;
    border: darkturquoise 3px solid;
    border-radius: 10px;
    margin: 20;
    padding: 3;
    box-sizing:border-box;
    max-width: 100%;
    text-align:center;
    border-style: double;
    
    
    
}
    
}


.materiasa {
     color: black;
    background-color: antiquewhite;
    font-family: 'Ubuntu' sans-serif;
    margin-top: 1em;
    display: flex;
    justify-content: space-between;
    flex-direction: wrap;  
    border: darkturquoise 3px solid;);
    text-align: justify;
    border-radius: 20px;
    
}

.materiasb {
    color: black;
    background-color: antiquewhite;
    font-family: 'Ubuntu' sans-serif;
    margin-top: 1em;
    display: flex;
    justify-content: space-between;
    flex-direction: wrap;  
    border: darkturquoise 3px solid;);
    text-align: justify;
     border-radius: 20px;
     padding: 2em;
    font-size: .9rem;
    display: flex;
    justify-content:space-between;
    flex-direction: column;
    margin: auto;
    width: 960px;
    border-style: double;
}
.grupo {
    text-align: left;
    margin: 0.5em;
    text-decoration: none;
    list-style: none;
    list-style-type: none;
    border-radius: .m;
    border-style: solid;
    padding: 10px;
    font-size: 20px;
    color: darkturquoise;
    background-color:antiquewhite;
    border-radius: 30px;
     padding: 2em;
    font-size: .9rem;
    display: flex;
    justify-content:space-between;
    flex-direction: column;
    margin: auto;
    width: 960px;
    margin-top: 2em;
    border-style: double;
}
.grupo a:hover {
    color: burlywood;
    text-decoration:underline;
    border-style:double;
}

main section ul li a {
    border: burlywood 3px dotted;
    border-radius: 15px;
    text-align: justify;
    display: flex;
    justify-content: center;
    text-decoration: none;
    overflow: hidden;
    background-color: white;

}


.propuesta {
    color: black;
    background-color: antiquewhite;
    font-family: 'Ubuntu' sans-serif;
    margin-top: 1em;
    display: flex;
    justify-content: space-between;
    flex-direction: wrap;  
    border: darkturquoise 3px solid;);
    text-align: justify;
     border-radius: 20px;
     padding: 2em;
    font-size: .9rem;
    display: flex;
    justify-content:space-between;
    flex-direction: column;
    margin: auto;
    width: 960px;
    margin-top: 2em;
    border-style: double;
}

header ul li a: hover{
    background: antiquewhite;
    color: cadetblue;
    
    
}


.nombre{
    margin: 10%;
    width: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

hr {
    background-color: cadetblue;
    text-align: center;
    margin: 20px;
    
    
       


}
body header nav a {
     border: 1px;
    display: inline-block;
    width: auto;
    margin: auto;
    padding: 20px, 20px;
    text-align: justify;
    justify-content: flex-end;
    
}


body main section a {
    color: darkturquoise;
    border-radius: 15px;
    text-align: justify;
    display: flex;
    justify-content: center;
    text-decoration: none;
    overflow: hidden;
    
}

body main section a:hover {
    color: burlywood;
    text-decoration: underline;

}

.obligatorio {
    padding: 1px;
    margin: 2px;
    display: flex;
    align-items: left;
    justify-content: left;
    list-style: none;
    
}

.obligatorio img {
    padding: 1px;
    margin: 2px;
    display: flex;
    align-items: left;
    justify-content: left;
    list-style: none;  
}

.obligatorio p {
    padding: 0em 0em;
    text-align: left;
    color: cadetblue;
}



.alumnas {
    margin: 2em;
    display: flex;
    flex-direction: row;
    justify-content: space-between
        
        
}

.datos {
   color: black;
    background-color: beige;
    font-family: 'Ubuntu' sans-serif;
}

.logosss {
    display: flex;
    justify-content: center;
}

footer {
    color:white;
    background-color:darkturquoise;
    padding: 2em;
    font-size: .9rem;
    display: flex;
    justify-content:space-between;
    flex-direction: column;
    margin: auto;
    width: 960px;
    border:white 4px double;

    
}


body {
    background-color:beige;
}
    
@media (min-width: 1280px) { 

    .mio {
        display: flex;
    }
    .mio img {
        margin-left: 90px;
    }
    
    .mio p {
        width: 58%;
        margin-left: 130px;
        padding: 80px;
    }
    .logosss {
        display: none;
    }
    .materiasb {
        width: 30%;
        margin-left: 30px;
        float: left;
    }
    .grupo {
        width: 65%;
        float: left;
        margin-left: 30px;
        margin-bottom: 40px;
        margin-top: 40px;
        
    }
    .propuesta {
        width: 62%;
        margin-right: 22px;
    }
    
    .datos {
        width: 100%;
        margin-top: 50px;
        color:turquoise;
    }
    
    .datos h4 {
        display: none;
    }
    
    footer {
       width: 100%;
        padding: 10px;
        margin-bottom: 30px;
    }
    .indexplanmapa a {
      margin-left: 200px;
    font-weight: 600;
        background-color: beige;
    }
}