*{background-color:dimgrey;}

header{ display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 20em;
        margin: auto;
       
                 
}

   
      
nav ul { display: flex;
                list-style: none;
                background-color:#6786db; 
                border-radius: 
                
            
            
                                                     
}
header nav ul li  {  padding:0.4em;          
                      background-color:#6786db; 
            
}
header nav ul li a{ font-size:12px;
            font-family: 'Josefin Sans', sans-serif;
            color:#000000;
            text-decoration: none;
            background-color:#67dbb3;
            padding:0.5em;
            border-radius: 0.2em;
            font-weight: 500em;
             
}    

#foto{border: 3px solid #67dbb3;
      border-radius: 10em;
    
    
}
.presentacion{
              width: 20em;
              margin: auto;
    
}
.presentacion #nombre{ background-color:#67dbb3;
       padding: 0.2 em;
      border-radius: 5em;
       font-family: 'Muli', sans-serif;
       text-align: center;
       margin: auto;
      font-size: 1.5em;
      margin-top: 1em;
      color:#000;
    
    
        
}

.presentacion,p{ font-family: 'Muli', sans-serif;
                text-align:center;
                width: 20em;
                font-size: 1em;
                color:white;
    
}

#mateap{  background-color:#6786db;
    padding: 0.1em;
    border-radius: 50em;
    font-family: 'Muli', sans-serif;
    text-align: center;
     margin: auto;
    margin-top:1em;
     
    font-size: 1.3em;
    width:15em;
}

#niv{  text-align: center;
        font-size:1.5em;
       font-family: 'Muli', sans-serif;
       margin: auto;
       color: white;
       padding: 1em;
       
    
    
}
.nivel1 { border: 3px solid #6786db;
          padding;1em;
          width:18em;
          margin: auto;
            
}

.nivel1 li {align-items: center;
            font-family: 'Rubik', sans-serif;
            font-size: 12px;
            text-align:center;
            list-style: none;
           
            
            
            
}
    
.nivel1 li a{ text-align: center;
             font-size: 1.3em;
              margin:auto;
             font-family: 'Muli', sans-serif;
             text-align:center;
    
       
}



.nivel2 { border: 3px solid #6786db;
          padding:1em;
          width:16em;
          margin: auto;
            
}

.nivel2 li {align-items: center;
            font-family: 'Rubik', sans-serif;
            font-size: 12px;
            text-align:center;
            list-style: none;
           
            
            
            
}
    
.nivel2 li a{ text-align: center;
             font-size: 1.3em;
              margin:auto;
             font-family: 'Muli', sans-serif;
             text-align:center;
    
       
}


.Materiasencurso {border: 3px solid #6786db;
          padding:1em;
          width:16em;
          margin: auto; 
}      
    

    
.Materiasencurso li {align-items: center;
            font-family: 'Rubik', sans-serif;
            font-size: 12px;
            text-align:center;
            list-style: none;
           
            
            
            
}
    
.Materiasencurso li a{ text-align: center;
             font-size: 1.3em;
              margin:auto;
             font-family: 'Muli', sans-serif;
             text-align:center;
}


#profes{ background-color:#6786db;
    padding: 0.1em;
    border-radius: 50em;
    font-family: 'Muli', sans-serif;
    text-align: center;
     margin: auto;
    margin-top:1em;
    font-size: 1.3em;
    width:15em;
}
    
    
}
.profes1{   width:16em;
            margin: auto; 
            margin-top:2em;
         
                    
}      
    

    
.profes1 li {align-items: center;
            font-family: 'Rubik', sans-serif;
            font-size: 12px;
            text-align:center;
            list-style: none;
          
}
    
.profes1 li a{ text-align: center;
             font-size: 1.3em;
              margin:auto;
             font-family: 'Muli', sans-serif;
             text-align:center;
}
    



#profes{ background-color:#6786db;
    padding: 0.1em;
    border-radius: 50em;
    font-family: 'Muli', sans-serif;
    text-align: center;
     margin: auto;
    margin-top:1em;
    font-size: 1.3em;
    width:15em;
    
}
    
    

.profes1{   width:16em;
            margin: auto; 
            margin-top:1em;
         
                    
}      
    

    
.profes1 li {align-items: center;
            font-family: 'Rubik', sans-serif;
            font-size: 12px;
            text-align:center;
            list-style: none;
            
          
}
    
.profes1 li a{ text-align: center;
               font-size: 1.3em;
               margin:auto;
               font-family: 'Muli', sans-serif;
               text-align:center;
             
}


#comi{ background-color:#6786db;
    padding: 0.1em;
    border-radius: 50em;
    font-family: 'Muli', sans-serif;
    text-align: center;
     margin: auto;
    margin-top:1em;
    font-size: 1.3em;
    width:15em;
    
}
    
    

.comitente1{   width:16em;
            margin: auto; 
            margin-top:1em;
         
                    
}      
    

    
.comitente p{color: #000;
             width: 18em;
             text-align: center;
             font-size: 1.em;
             align-items: center;
             margin: auto;
             
            
             
}



#compa{   background-color:#6786db;
    padding: 0.1em;
    border-radius: 50em;
    font-family: 'Muli', sans-serif;
    text-align: center;
     margin: auto;
    margin-top:1em;
    font-size: 1.3em;
    width:15em;
                    
}      
    

    
.compa1 li {align-items: center;
            font-family: 'Rubik', sans-serif;
            font-size: 15px;
            text-align:center;
            list-style: none;
            text-decoration: none; 
            margin-top: 1em;
            
          
}
    
.compa1 li a{ text-align: center;
               font-size: 1.3em;
               margin:auto;
               font-family: 'Muli', sans-serif;
               text-align:center;
             
}


#dat{   background-color:#6786db;
    padding: 0.1em;
    border-radius: 50em;
    font-family: 'Muli', sans-serif;
    text-align: center;
     margin: auto;
    margin-top:1em;
    font-size: 1.3em;
    width:15em;
                    
}      
    
.datos {align-items: center;
            font-family: 'Rubik', sans-serif;
            font-size: 15px;
            text-align:center;
            list-style: none;
            text-decoration: none; 
            margin-top: 1em;
            
          
}
.datos p {  margin:auto;
            font-family: 'Muli', sans-serif;
            font-size: 15px;
            text-align:center;
            list-style: none;
            text-decoration: none; 
            margin-top: 1em;
            color:#000;
            
            
            
          
}
    

             
#propu {background-color:#6786db;
    padding: 0.1em;
    border-radius: 50em;
    font-family: 'Muli', sans-serif;
    text-align: center;
     margin: auto;
    margin-top:1em;
    font-size: 1.3em;
    width:15em;
                
}
.propuesta {display: flex;
          border-radius: 8em; 
          display:block;
          margin:auto;
         align-items: center;
    
} 
.footer p{
       font-family: 'Rubik', sans-serif;
       font-size: 11px;
       margin: auto;
       margin-top: 1.5em;
       text-align: justify;
       align-items: center;
       
}


.redessoc{display:flex;
          margin-left: 6em;
          align-items:center;
          color:#000;
        
}


/*------------------resposive----------------------------*/  

@@media (min-width: 500px){
        header nav{
        width: 100%;
        
        
    }
    
}