/*estilos generales*/
@import url('https://fonts.googleapis.com/css2?family=Krona+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&display=swap');
*{margin:0;padding: 0;box-sizing: border-box;}

.contenedor{max-width: 75rem; 
    margin:auto;}

body {background-image: linear-gradient(rgb(242,252,230),rgb(252, 180, 170),rgb(242,252,230)); 
    text-align: center;}

header{
    padding: 1rem;}
        

h1{color:rgb(252, 55, 29);}
.lucia{color: rgb(252, 55, 29);
    font-family: 'Krona One', sans-serif;
    font-size: 2.5rem;
    text-decoration-line: overline;
    text-decoration-style:wavy; 
    text-decoration-color: rgb(252, 180, 170);
    padding: 2.4rem;}
    
h2{color:  rgb(252, 180, 170); 
        font-family: 'Krona One', sans-serif;
        margin-bottom: 0.5rem;
        text-decoration-line: initial;
        padding: 1rem;
        padding: 0.5rem;} 

h4{color:rgb(252, 55, 29);
    font-family: 'PT Sans Narrow', sans-serif; font-weight: 700;
    text-decoration-line: overline;
    text-decoration-style: wavy;
}

img{border-radius: 50%;
    padding: 0.2rem;
    width: 12%;
    border: 0.2rem solid rgb(245, 242, 208); 
    opacity: 0.9;}


/*estilos nav*/

nav {padding: 0rem;
    font-family: 'Krona One', sans-serif;
    text-align:left;
    font-size: 0.9rem;}
   
nav ul li{display: inline-block;}
nav ul li a{color:rgb(252, 55, 29);
        text-decoration: none;
        padding: 1.3rem;}
nav a:hover{background-color:rgb(243, 183, 175);}

           

/*estilos específicos*/
   

.materias
    {border-radius: 2rem;
    border-style:solid;
    border-color:rgb(252, 55, 29) ;
    color: rgb(252, 55, 29);
    font-family: 'Krona One', sans-serif;
    width:100%;
    padding: 0.5rem;}

.materias .plan
    {font-weight: lighter;
        font-size: 1rem;
        color:rgb(245, 109, 92) ;}
 
.columnas{display: flex;}  
.columna-1
    {background-color: rgb(245, 242, 208);
    border-color: rgb(252, 55, 29);
    border-radius: 3rem;border-style:solid;
    font-family: 'PT Sans Narrow', sans-serif;font-weight: 400;
    width:50%;
    margin: 2rem;
    padding: 1rem;}

.columna-2
    {font-family: 'PT Sans Narrow', sans-serif;font-weight: 400;
    background-color: rgb(245, 242, 208);
    border-color: rgb(252, 55, 29);
    border-radius: 3rem;border-style:solid;
    width:50%;
    margin: 2rem;
    padding: 1rem;}
    
.columna-3
    {font-family: 'PT Sans Narrow', sans-serif;font-weight: 400;
    background-color: rgb(245, 242, 208);
    border-radius: 3rem;border-style:solid;
    border-color:rgb(252, 55, 29) ;
    width: 50%;
    margin: 2rem;
    margin-bottom: 2rem;
    padding: 1rem;}

.compañeres{display: flex;justify-content: center;}
.integrantes{
    color: rgb(252, 55, 29);
    font-family: 'Krona One', sans-serif;
    width: 30%;
    padding: 0.5rem;
    border-radius:2rem;
    border-style:solid;
    border-color:rgb(252, 55, 29);}
    

.columna-4
    {font-family: 'PT Sans Narrow', sans-serif;font-weight: 400;
    border-radius: 2rem;border-style:solid;
    background-color: rgb(245, 242, 208);
    border-color:rgb(252, 55, 29);
    margin: 1rem;
    padding: 0.6rem;}

 .grupo{display: flex;justify-content: center;}
 .columna-4 a:hover{background-color:rgb(243, 183, 175);}
.columna-4 a{
    text-decoration: none;
    color:rgb(252, 55, 29);}

 


    /*fuentes*/

    /*estilos footer*/

 footer{padding: 1rem;}

.footerflex{display: flex;justify-content:flex-end;}

footer h5{
    font-size: 1rem;
    color: rgb(252, 55, 29);
    margin: 2rem;
    padding: 0.5rem;
    font-family: 'PT Sans Narrow', sans-serif;font-weight: 700;}  
 
h5
   {text-decoration-line: overline;
    text-decoration-style: wavy;
    text-decoration-color: rgb(245, 109, 92);}
footer h6        
    {font-size: 1rem;
    border-radius: 2rem;
    border-style:solid;
    background-color: rgb(245, 242, 208);
    width: 30%;
    border-color:rgb(252, 55, 29);
    color: rgb(252, 55, 29);
    margin: 1rem;
    padding: 0.5rem;
    font-family: 'PT Sans Narrow', sans-serif;font-weight: 700;}


footer h6 p
    {font-family: 'PT Sans Narrow', sans-serif;
    font-size: 0.6rem;
    color: rgb(143, 106, 106)}

.fadu
    {text-decoration: none;
    color: rgb(252, 55, 29)}
 a:hover{background-color:rgb(243, 183, 175);}

 .catedra
    {text-decoration: none;
    color: rgb(252, 55, 29)}

.legal
    {color: rgb(146, 131, 131); 
    font-size: 0.6rem;
    font-family: 'PT Sans Narrow', sans-serif;
    font-style: italic;}