/*
selector{propiedad:valor;}
*/

@import url ('https://fonts.googleapis.com/css2? family = Open + Sans & family = Satisfy & display = swap');
@import url ('https://fonts.googleapis.com/css2? family = Hind: wght @ 300 & display = swap');
@media all and (max-width:768px){
body{
    background-color:#F2E9D8;
    font-family: 'Hind', sans-serif;
}

header{
    background-color:#D9BBB0 ;
}

h1{
    color: #4B4E50;
    text-align: center;
    text-size-adjust: 2rem;
    font-family: 'Open Sans', sans-serif;
    font-family: 'Satisfacer', cursiva;
}

h2  {
    color: #4B4E50;
}

footer p {
    font-size: 0,7rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #D9BBB0;
}

.imagen_principal{
    border-radius: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    top: 0;
}
  
.menu-principal {
    float: left;
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover {
    background-color: #FFDBCF;
}
  
.active {
    background-color: #D9BBB0;
}

.columna-notas{
      width: 25%;
}

.logo-catedra{
      width: 50%;
      padding-left: 25%;
      padding-right: 25%;
} 
}
@media all and (min-width:769px){
    body{
        background-color:#F2E9D8;
        font-family: 'Hind', sans-serif;
    }
    
    header{
        background-color:#D9BBB0 ;
    }
    
    h1{
        color: #4B4E50;
        text-align: center;
        text-size-adjust: 2rem;
        font-family: 'Open Sans', sans-serif;
        font-family: 'Satisfacer', cursiva;
    }
    
    h2  {
        color: #4B4E50;
    }
    
    footer p {
        font-size: 0,7rem;
        display: block;
        margin-left: auto;
        margin-right: auto;
        background-color: #D9BBB0;
    }
    
    .imagen_principal{
        border-radius: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        top: 0;
    }
      
    .menu-principal {
        float: left;
        display: block;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }
    
    li a:hover {
        background-color: #FFDBCF;
    }
      
    .active {
        background-color: #D9BBB0;
    }
    
    .columna-notas{
          width: 25%;
    }
    
    .logo-catedra{
          width: 50%;
          padding-left: 25%;
          padding-right: 25%;
    } 
}