* { color:#2a7aa5 ;
   font-family: 'Gudea', "trebuchet MS", sans-serif;
    text-decoration: none}

body {background-color:#BCD2D0;
        margin: 0rem;
        padding: 0rem;}

header {background-image: url(imagenes/luces1.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100%}

.logocatedra {max-width: 160px;
             padding: 2rem 0 }

nav a   {text-decoration: none;
        color:darkslategray;
        font-size: 1.5rem;
        padding: 2rem;
        }

#perfil {padding: 2rem}

main{display:flex;
    flex-direction: column}

.materias{
    margin:3rem;
    border-radius:2rem;
    box-shadow: .1rem .1rem .7rem grey;
    padding: 1rem 4rem 4rem 4rem; 
    background-color: #8ECBC6;
    flex-basis: auto;
}

.trabajos {
    margin:3rem;
    border-radius:2rem;
    box-shadow: .1rem .1rem .7rem grey;
    padding: 1rem 4rem 4rem 4rem; 
    background-color: #8ECBC6;
    flex-wrap:wrap;
    display: flex;
    position: relative
}

.trabajos img {width: 100%;
    max-width: 900px;
    }

p { padding-left: 1rem;
    color: #ebfaee;
    font-size: 1.8rem;
    line-height: 40px}

h2 {font-size: 3rem}
h3 {font-size: 2rem;
    }

h4 {font-size: 1.8rem;
    font-stretch: condensed
    }

h2, h3, h4 {color:#1e6774;}

h1 {font-size: 4rem;
    color:aliceblue;
    text-align: center;
    text-shadow:.1rem .1rem .9rem darkslategrey;
    padding: 1rem
}

header {text-align: center}

#perfil img {
    max-width: 400px;
    max-height: 400px;
    border-radius:2rem;
    box-shadow: .1rem .1rem .6rem grey}

footer {padding: 3rem;
    text-align: left;
    color: dimgray;
    font-size: 0.8rem;
    font-style: Italic;
    font-stretch: condensed}