@import url('https://fonts.googleapis.com/css2?family=Caveat&family=Roboto:wght@300;700&display=swap');
body{ background: rgb(229, 206, 206); text-align: center;}

h1{ font-family: 'Roboto', sans-serif;
    font-weight: 300;
}


nav{ color: black;}
nav ul{ color: blue;}
nav ul li{ list-style-type: none; display: inline-block;}
nav ul li a{font-family: 'Roboto', sans-serif;font-weight: 300; text-decoration: none; color:rgb(80, 0, 17); background-color: #ceb9b9; padding: 0.5rem; border-radius: 1rem; font-size: 1rem;}

nav ul li a:hover{ background: #fff; color: black;}
.linkactivo{background: #fff; color: black;}

section{ display: grid; grid-template-columns: auto auto auto; gap: 1rem;}
section article{ text-align: center; background: #fff;}
section article h2{font-family: 'Caveat', sans-serif; font-size: 3rem; font-weight: normal;}
section article h2 a{ color: black; text-decoration: none;}
section article img{ width: 100%;}
section article figure {
    box-shadow: 3px 11px 19px 6px rgba(0,0,0,0.21);
-webkit-box-shadow: 3px 11px 19px 6px rgba(0,0,0,0.21);
-moz-box-shadow: 3px 11px 19px 6px rgba(0,0,0,0.21);
border-radius: 0px 0px 29px 15px;
-webkit-border-radius: 0px 0px 29px 15px;
-moz-border-radius: 0px 0px 29px 15px;
border: 3px solid #e9e9e9;
}
footer{
    display: flex;
    border-radius: 0px 0px 20px 20px;
-webkit-border-radius: 0px 0px 20px 20px;
-moz-border-radius: 0px 0px 20px 20px;
border: 3px solid #e9e9e9;
padding: 2rem;
margin-top: 1rem;
background-color: rgb(165, 241, 233);
}
footer img {
    width: 5rem;
    display:block;
}
footer p {
    display:block;
}
.filtro-color1 {
    filter: sepia(100%);
    -webkit-filter: sepia(100%);
    -moz-filter: sepia(100%);
}

.filtro-color2 {
    filter: brightness(119%) hue-rotate(294deg);
    -webkit-filter: brightness(119%) hue-rotate(294deg);
    -moz-filter: brightness(119%) hue-rotate(294deg);
}
.filtro-color3 {
    filter: saturate(469%);
    -webkit-filter: saturate(469%);
    -moz-filter: saturate(469%);
}
.filtro-color4 {
    filter: saturate(819%) opacity(64%);
    -webkit-filter: saturate(819%) opacity(64%);
    -moz-filter: saturate(819%) opacity(64%);
}
.filtro-color5 {
    filter: brightness(125%) hue-rotate(288deg) saturate(603%) contrast(350%) invert(16%);
    -webkit-filter: brightness(125%) hue-rotate(288deg) saturate(603%) contrast(350%) invert(16%);
    -moz-filter: brightness(125%) hue-rotate(288deg) saturate(603%) contrast(350%) invert(16%);
}

.icono-200 {
    width: 10rem;
    margin: 3rem;
}