@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

body {background-color: rgb(218, 212, 239) ;}

/**NAVEGACION**/
nav {
    background-color: rgb(88, 106, 106);
display: flex;
justify-content: flex-end;
width: 100%;
position: absolute;
padding: 0.5rem;}
  
  nav a {
    color: #f4ddd2; 
    text-decoration: none; 
    transition: color 0.5s ease;
    margin-right: 2rem; }
  
  nav a:hover {
    color: rgb(243, 66, 19);} 


h1 { font-family: "Dancing Script", cursive;text-align: center;color: rgb(243, 66, 19);}
h2 {text-align: center;font-family:"Lora", system-ui ;}
h3 {text-align: center; font-family: "Lora", system-ui;}

article img {width: 250px; height: auto;display: block;margin-left: auto;margin-right: auto;border-radius: 60%;
    overflow: hidden ; filter: drop-shadow(3px 10px 15px rgb(243, 66, 19));object-fit: contain;}
.datos-obligatorios {text-align: center;font-family: "Lora", serif;font-size: small; color: rgba(7, 7, 7, 0.733);}



/**MATERIAS**/
.materias {
    display: flex; 
    flex-direction: row;
    font-family: "Lora", system-ui;
    font-size: 0.9rem;
    padding: 20px;
    width: 80rem;
    justify-content: space-around;}
.niveles {text-align: left; 
    color: aliceblue;
    background-color: rgb(212, 197, 199);
    border-radius: 15px;margin: 1rem;
    padding-left: 0.7rem;
    padding-right: 0%;
}


/**GRUPO**/

h4 {font-family:"Dancing Script", cursive;
    text-align: center;
    color: rgb(243, 66, 19);
    font-size: 2.3rem;
}

.integrantes {
    font-size: 1rem;
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0.2rem;
  }
  
  .integrantes li {
    padding: 2rem;
  }
  
  .integrantes li a {
    text-decoration: none;
    color: rgb(243, 66, 19);}

.integrantes a:hover {color: black;}



/***PIE DE PAGINA***/


  footer {
    margin-top: 1.5rem; 
    background-color: white;
    color: black;
    padding: 0.2rem;
    text-align: center; 
    font-size: 0.7rem;
}

footer img { 
    width: 15rem;}