@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');

*{padding: 0; margin: 0; font-family: 'EB Garamond', serif; box-sizing: border-box; transition: 1seg all;}


/*fotoflores*/
header { background-image: url(https://images.unsplash.com/photo-1579101403207-44ff78d923f8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80); background-size:cover; background-position: center; height: 8rem;  }

/*menu*/
nav ul {background-color: rgb(141, 127, 109);display:flex; justify-content: center; padding: 0.5rem; list-style:none;  }

nav ul li a {color:#fff; text-decoration: none; padding: 0.5rem; }
.link-activo {background:rgb(105, 96, 84);}

/*mifoto*/
header center img {border-radius:10rem; border: 2px solid #fff; margin-top: 3.5rem;filter:grayscale(100%);}

/*camilaboix datos*/
h1 {color:rgb(131, 117, 100); font-weight: 600; font-size: 2.3rem;}
h2 {color: rgb(154, 140, 123); font-style: italic; font-weight: 400; }
h3 a {color: rgb(154, 140, 123); font-style: italic; font-weight: 400; font-size: 0.8rem; text-decoration: none;}
h4 {color:rgb(131, 117, 100); font-weight: 600; font-size: 1.5rem;margin-top: 1rem;}

/*columnas materias*/
main section article{ ;margin-bottom: 2rem;}
.inicio{text-align: center;}
.columna-1{width: 100%; margin-top: 11rem} 
.columna-2{width: 100%;}
.columna-3{width: 100%;}

main section article p a {text-decoration: none; color: rgb(159, 82, 53); }

h5 {color:rgb(131, 117, 100); font-style: italic; font-weight: 500; font-size: 1.5rem; }
h6 {color:rgb(131, 117, 100); font-style: italic; font-weight: 500; font-size: 1.5rem; }
h7 {color:rgb(131, 117, 100); font-style: italic; font-weight: 500; font-size: 1.5rem; }

/*footer*/
footer {color: aliceblue; margin-top: 1rem; text-align: center; margin: 1rem; background-color: rgb(141, 127, 109); padding: 2rem;}
footer p {font-size: 0.8rem;}





@media screen and (min-width:48rem) {
    
    /*fotoflores*/
    header { background-image: url(https://images.unsplash.com/photo-1579101403207-44ff78d923f8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80); background-size:cover; background-position: center; height: 13rem;}
    
    /*menu*/
    nav ul {background-color: rgb(141, 127, 109); display: flex; justify-content: center; padding: 1rem;}
    nav ul li a {color:#fff; text-decoration: none; padding: 1rem; }
    .link-activo {background:rgb(105, 96, 84);}
    
    /*mifoto*/
    header center img {border-radius:100rem; border: 5px solid #fff; margin-top: 5rem;filter:grayscale(100%);}
    
    /*columnas materias*/
    main section article{ margin-top: 18rem;margin-bottom: 2rem;}
    .inicio{display: flex;justify-content:space-around;}
    .columna-1{width: 30%; margin-top: 18rem} 
    .columna-2{width: 30%;}
    .columna-3{width: 30%;}
    }