@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,300;0,600;1,300&display=swap');

html {
    height: -webkit-fill-available;
}

body {
    background-color:#efedeb;
    padding:1em;
    border-bottom-style: solid;
    font-family: sans-serif;
    text-align: center;
    
    display: flex;
    flex-direction: column;
    
    min-height: 100vh;
    justify-content: space-between;
    
    min-height: -webkit-fill-available;
}



main {
    flex-grow:1;
}



ul { list-style:none;
     display:flex;
    
     padding-left:3px;
     padding-right:3px;
     font-size: 0.8em;
     display: block;
}


img {max-width: 100%}



#navegacion li {display: inline;
             padding-left:3px;
             padding-right:3px;}



a {
    margin: 0 1 0 1;
    text-decoration: none;
    color: #20204e; 
    align-content: center;   
}
a:hover{color: #733a9d}



header img {width: 20%}



h1 {margin: 10px;
    margin-top: 20px;
    font-size: 1.2em;
}




h4 {margin: auto;
    padding: 20px;
    max-width: 200px;
    
}

#info {
    width: 300px;
    height: 80px;
    padding: 2px;
    line-height: ;
    text-align: left;
    font-size: 0.8em;
    margin: auto
}


#curso li,#aprobadas li {
                          display:block;
                          text-align:left;
/*para centrar la caja*/  margin: auto;
                          width: 400px;
    
}  


#curso,#aprobadas {
    line-height: 1.2em;
    list-style: none;
}

#equipo{
    line-height: 1.2em;
}



#plan { width: 700px;
    height: 200px;
    margin: 2px;
    padding: 2px;
    font-size: 0.8em;
    line-height: 20px;
    display: inline-block;
    max-width: 100%;
    text-align: justify;
}



footer {background-color: rgba(115, 58, 157, 0.4);
        font-size: 0.7em;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 50px;
        justify-content: center;
        text-align:justify
      

}