body
{background-color:#FFFFB3;
}

header { background-color:#ED7D34 ; 
    border-radius: 10px;
    gap: 1rem;
    width: 100%; 
    position: sticky;
    top: 0;
    overflow: hidden;
}

#dgpc { text-align: center;}

#materias { display: flex;}

.materias {
    background-color: rgba(255, 192, 203, 0.973);
    text-align: left;
    width: 250px; height:auto; 
    border-radius: 15px;
    padding: 10px; 
    border: 2px solid #d6489b;
    margin: 10px;
}

.prototipo img {
 display: block;     
  margin: 0 auto;      
  max-width: 80%;     
  height: auto;   
}


h1,h2,h3,h4 {font-family: 'Courier New', Courier;}

p{font-family: 'Courier New', Courier;}
    
h4{ 
    font-size: 20px;
    font-weight: 200;;
}

 li { list-style-type: none; font-family: 'Courier New', Courier;
}

footer { padding: 2rem;
    background-color: #8cd867;
    font-weight: 100;
    text-align: center;
}

.logo { padding: 10px;;
}