@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap');
@charset "utf-8";
html {
    scroll-behavior: smooth;
}

*  { margin: 0;
padding: 0;
border: none ;
box-sizing: border-box;
}
ul {
    list-style: none
}
a {
    color: rgb(230,210,204); }
    
.link a {
    color: rgb(65,100,115);
    margin: 1.7em;
    
}
.link nav {
    margin-top: 1em; 
    margin-bottom: 1em;
}
body {
    background-color: rgb(164,191,176);
    font-family: 'Montserrat';
    min-height: 100vh;
    justify-content: center;
    display: flex;
    flex-direction: column;
    justify-content: center; 
    grid-template-rows: auto 2fr;
    text-align: left; 
}
header {
    background-color: rgb(230,210,204);
    text-align: center;
    padding: 1em;
    display: flex;
    justify-content: space-between ;
    align-items: center;
}
.contenedor > a {
    width:5em ;
}
header nav ul {
    margin: auto ;
    display: flex;
    flex-wrap: wrap;
    gap: .5em;
    justify-content: flex-end;
}
header nav a {
    place-items: center;
    padding: 0,5em;
    max-width: 5em;
}
.contenedor {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header ul li { 
    padding: 0.5em; 
    background-color:rgb(65,100,115); 
}
header ul li a {
    width: 100%;
    height: 100%;
    color: white;
    font-weight: bold;
    text-decoration: none;
}
h2 {
    font-size: 1.7em;
    font-weight: 700;
    margin: .5em;
    text-align: left;
    padding-top: 1em;
    color: rgb(65,100,115);
}
.catedras h2 {
    color: rgb(244,201,211);
    margin-top: 0em;
    padding-top: .5em;
}
.catedras {
    background-color: rgb(222,140,150);
    margin: .8em;
    padding: .1em;
    padding-bottom: 1em;
}
.titulocatedras{
    margin: .5em;
}
h1 {
    color: rgb(64,100,115);
    font-size: 3em;
    font-weight: bold;
    text-align: left;
    margin: .4em;
    margin-bottom: .1em;
    padding-top: .3em;
    padding-bottom: 0em;
    font-size: 2.2em;
}
.titulocatedras p {
     color:  rgb(64,100,115);;
     margin-left: .7em;
     font-size: 1.4em;
     padding-top: 0em;
     padding-bottom: .7em;
}


.catedras ul li {
  padding-left: 1em;
  color: rgb(64,100,115);
}
footer {
    background-color: rgb(64,100,115);
}
footer p {
    padding: 1em;
}

@media screen and (min-width:600px) { 
    .materiasycatedras {
    display: grid;
    grid-template-columns: repeat(2, 2fr) ;
    gap: .2em;
} }
@media screen and (min-width:880px) {
    .materiasycatedras{ display: grid;
    grid-template-columns: repeat(4, 1fr); 
    padding: .2em;
    gap: .1em;
}