@charset "utf-8";

/* general */

* {
    box-sizing: border-box;
    font-family:Arial, Helvetica, sans-serif;
    margin:0%;
    padding: 0%;
}

body {
    background-color: #FFF7EE;
}

ul,
ol {
    list-style: none;
}

/* reglas header */
header {
    background-color: #AC94E0;
    padding: 1.5rem;
}

#logo {
    text-align: center;
    padding: 1rem;
}

.menú {
    text-align: center;
}

.menú ul li {
    display: inline-block;
    padding: 0.5rem;
    background-color:#CDBCE6;
    width: 5rem;
    text-align: center;
    border-radius: 4rem;
}

.menú ul li a {
    text-decoration: none;
    color: #FFF7EE;
    font-size: 13px;
}

/* fin reglas header */

/* reglas main */

h2 {
    background-color: #AC94E0;
    color: #FFF7EE;
    font-size: 18px;
    font-weight: lighter;
    padding: .6rem 3rem;
    width: 17rem;
    margin-block: 2rem;
    border-radius: 0px 20px 20px 0px;
}

#foto{
    margin: auto;
    text-align: center;
    padding: 1.5rem;
}

h1{
    color: #AC94E0;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
}

.información h3 {
    color: #AC94E0;
    font-size: 18px;
    font-weight: lighter;
    text-align:center;
}

.información p {
    text-align: left;
    font-size: 14px;
    margin:auto;
    padding: .1rem 3rem;
}

.extra nav ul li a {
    background-color: #CDBCE6;
    color: #FFF7EE;
    font-size: 12px;
    padding: 0.5rem;
    width: 5rem;
    text-decoration: none;
    border-radius: 4rem;
    display: block;
    
}

.extra nav ul li {
    display: inline-block;
    margin-block: 1.2rem;
}

.extra {
    text-align: center;
}

.materias {
    margin-block: 4rem;
}

.materias h3 {
    color: #FFF7EE;
    background-color: #AC94E0;
    text-align: center;
    padding: 0.5rem;
    border-radius: 20px;
}

.primero, .segundo, .tercero, .cuarto {
    border: 3px solid #AC94E0;
    border-radius: 80px;
    width: auto;
    padding: 3rem;
    margin: .8rem 3rem;
    height: 20rem;
}

.materias ul li {
    font-size: 14px;
    margin-block: 0.5rem;
}


.integrantes ol li a {
    text-decoration: none;
}

.belen, .melanie, .damaris{
    background-color: #AC94E0;
    border-radius: 130px 130px 0px 0px;
    padding: 2rem;
    margin: .8rem 4rem;
    width: auto;
    text-align: center;
    height: 24rem;
    margin-block: 1.5rem;
}

.integrantes ol li figure {
    margin-block: 0.8rem;
}

.integrantes h4 {
    color: #FFF7EE;
}

.integrantes p {
    color: #FFF7EE;
    font-weight: lighter;
    font-size: 16px;
    padding: 0.3rem;
}

.integrantes a {
    background-color: #CDBCE6;
    border-radius: 20px;
    display: block;
    margin-block: 0.3rem;
    padding: 0.5rem;
    width: 8rem;
    margin-inline: auto;
    color: #FFF7EE;
}

.integrantes nav {
    margin-block: 3rem;
}

.academicos {
    background-color: #CDBCE6;
    padding-block: 1rem;
}

.academicos h2 {
    background-color: #FFF7EE;
    color: #AC94E0;
}

.academicos a{
    text-decoration: none;
}

.academicos article {
    margin-inline: 2rem;
    margin-block: 2rem;
}

.academicos h4 {
    color: #FFF7EE;
    font-size: 18px;
    margin-block: 0.5rem;
}

.academicos p {
    color: #FFF7EE;
    font-size: 14px;
}


/* fin reglas main */

/* reglas footer */

footer {
    background-color: #AC94E0;
    padding: 2rem;
}

footer p { 
    color: #FFF7EE;
    font-size: 12px;
}