body{
    background-color: rgb(221, 198, 147);
    color: rgb(102, 71, 32);
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.materias{
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.materias_cuadro{
    background-color:whitesmoke;
    color: black;
    padding: 0.75rem 1rem 2rem 1.5rem;    
    border-radius: 1.2rem;
    width:33.3%;
    margin: 1rem;
    text-align: center;
}

.materias_curso{
    background-color:whitesmoke;
    color: black;
    padding: 0.75rem 1rem 2rem 1.5rem;    
    border-radius: 1.2rem;
    width:95.5%;
    margin: 1rem 1rem 1rem 1rem;
    text-align: center;
}

div div ul li{
    padding: 0.5rem;
}

#navbar ul { 
	text-align: center; 
    background-color: rgb(102, 71, 32);
    padding: 2rem;
} 
 
#navbar ul li {  
	display: inline-flex; 
    flex-wrap: nowrap;
} 
 
#navbar ul li a { 
	text-decoration: none; 
	padding: 2rem;
	color: #fff; 
} 

ul {
    list-style-type: none;
    margin: auto;
    padding: 0;
}

.perfil {
    margin-left: 0.5rem;
    display: flex;
    max-width: 100%;
    height: 300px;
    border-radius: 100%;
}

footer{
    padding: 1.2rem;
    background-color: rgb(102, 71, 32);
    color: whitesmoke;
}
  
footer p{
    font-size: .7rem;
    font-style: italic;
    text-align: center;
}

.centrado{
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

article nav ul{
    justify-items: center;
    max-width: fit-content;
}

article nav ul li{
    text-align: center;
    display: inline-flex; 
    flex-wrap: nowrap;
}

article nav ul li a{
    text-decoration: none;
    color: rgb(102, 71, 32);
}

article nav ul li a img{
    width: 12rem;
    border-width: 0.50rem;
    border-radius: 100rem;
}