/* MOBILE */
/* colores fondos */
*{ padding: 0;margin: 0;box-sizing: border-box; transition: 2s;}
header{
    background:#252644; 
    padding-top: 4rem;
    padding-left: 4rem;
    padding-bottom: 4rem;
    padding-right: 4rem;
    transition: 2s;
    
    
}
.redes ul li{display: inline;}
.redes {
    width: 1.5rem;
    text-align: left;
    list-style: none;
    display: inline;
    margin-left: 1rem;

}

.perfil {
    width: 8rem;
    padding: 1rem;
}

body{background:#34355b;
    color:white;
    font-family: 'Trebuchet MS'; 
    border-color: inherit;
   
}
footer{background: #f5f7fa;}
nav{background: #00d495;
    padding: 2rem;
    border-color: inherit;
    text-align: center;
    
   
}
nav ul li{ display:inline-block}
nav ul li:hover{ background: #00e4a1;}
nav ul li a{
    color: #f5f7fa;
    text-decoration: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0.2rem;
    padding-right: 1rem;
}


header ul li a{
    color: #f5f7fa;
    text-decoration: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0.2rem;
    padding-right: 1rem;
    align-items: center;
}
/* colores tipografías */
h1{color: white; padding:1rem;}
h2{color: white; padding:1rem;}
h3{color: #34355b; padding:1rem;}
h4{color: #34355b; padding:1rem;}
footer{ padding:1rem; text-align: center;
    text-decoration: none;
    color: #34355b;
}
.volver {text-decoration: none;
    color:#34355b}
.volver:hover{ background: #00e4a1;}
footer p{font-size: 0.7rem; padding:1rem; }
header{
    text-align: left;
    display: flexbox;
}

/* Imagenes */
.perfil{
    border-radius: 50%;
    size: 1.8rem;
    
}
.carreras{
    background:#f5f7fa; 
    color:#34355b; 
  
    white-space: line;
    font-family: monospace;
    tab-size: 2rem;
    border-spacing: 4rem;
    padding: 4rem;
    padding-left: 6rem;
 

}
.equipo{
    background:#ffbe00;
  
    border-color: inherit;
    text-align: left;
}
.equipo  ul li { display:inline-block}
.equipo  ul li:hover{ background: #00e4a1;}
.equipo ul li a{ 
    color: #252644;
    text-decoration: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 4rem;
    padding-right: 1rem;
    font-size: 1rem;
}
.catedra{
    padding-left: 5rem;
    padding-top: 2rem;
    padding-bottom: 1rem;
    background: #ffbe00;
    font-size: 0.9rem;
    color:#f5f7fa;
    font-family: monospace;
    border-collapse: separate;
    white-space: line;
}
.proyecto{
    font-family: monospace;
    color:#252644;
    background: #00d495;
    padding: 5rem;
    text-align: left;
    font-size: 1rem;
}

@media (min-width: 576px){

    header{
        background:#252644; 
        padding-top: 4rem;
        padding-left: 14rem;
        padding-bottom: 4rem;
        padding-right: 4rem;
        transition: 2s;
        
        
    }
    .redes ul li{display: inline;}
    .redes {
        width: 1.5rem;
        text-align: left;
        list-style: none;
        display: inline;
        margin-left: 1rem;
    
    }
    
    .perfil {
        width: 13rem;
        
    }
    
    body{background:#34355b;
        color:white;
        font-family: 'Trebuchet MS'; 
        border-color: inherit;
       
    }
    footer{background: #f5f7fa;}
    nav{background: #00d495;
        padding: 2rem;
        border-color: inherit;
        text-align: center;
        
       
    }
    nav ul li{ display:inline-block}
    nav ul li:hover{ background: #00e4a1;}
    nav ul li a{
        color: #f5f7fa;
        text-decoration: none;
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 0.2rem;
        padding-right: 1rem;
    }
    
    
    header ul li a{
        color: #f5f7fa;
        text-decoration: none;
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 0.2rem;
        padding-right: 1rem;
        align-items: center;
    }
    /* colores tipografías */
    h1{color: white; padding:1rem;}
    h2{color: white; padding:1rem;}
    h3{color: #34355b; padding:1rem;}
    h4{color: #34355b; padding:1rem;}
    footer{ padding:1rem; text-align: center;
        text-decoration: none;
        color: #34355b;
    }
    .volver {text-decoration: none;
        color:#34355b}
    .volver:hover{ background: #00e4a1;}
    footer p{font-size: 0.7rem; padding:1rem; }
    header{
        text-align: left;
        display: flexbox;
    }
    
    /* Imagenes */
    .perfil{
        border-radius: 50%;
        size: 4.8rem;
        
    }
    .carreras{
        background:#f5f7fa; 
        color:#34355b; 
      
        white-space: line;
        font-family: monospace;
        tab-size: 2rem;
        border-spacing: 4rem;
        padding: 4rem;
        display: flex;
    
    }
    .equipo{
        background:#ffbe00;
      
        border-color: inherit;
        text-align: center;
    }
    .equipo  ul li { display:inline-block}
    .equipo  ul li:hover{ background: #00e4a1;}
    .equipo ul li a{ 
        color: #252644;
        text-decoration: none;
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 0.2rem;
        padding-right: 1rem;
        font-size: 1rem;
    }
    .catedra{
        padding-left: 5rem;
        padding-top: 2rem;
        padding-bottom: 1rem;
        background: #ffbe00;
        font-size: 0.9rem;
        color:#f5f7fa;
        font-family: monospace;
        border-collapse: separate;
        white-space: line;
    }
    .proyecto{
        font-family: monospace;
        color:#252644;
        background: #00d495;
        padding: 5rem;
        text-align: left;
        font-size: 1rem;
    }
    
    
}