@import url('https://fonts.googleapis.com/css2?family=Autour+One&family=Berkshire+Swash&family=Coiny&family=Delius+Unicase:wght@400;700&family=Knewave&family=Lily+Script+One&family=Lobster&family=Meow+Script&family=Mogra&family=Ribeye+Marrow&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Autour+One&family=Berkshire+Swash&family=Caveat:wght@400..700&family=Coiny&family=Concert+One&family=Delius+Unicase:wght@400;700&family=DynaPuff:wght@400..700&family=Knewave&family=Lily+Script+One&family=Lobster&family=Macondo&family=Meow+Script&family=Mogra&family=Ribeye+Marrow&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Autour+One&family=Berkshire+Swash&family=Caveat:wght@400..700&family=Coiny&family=Concert+One&family=Delius+Unicase:wght@400;700&family=Knewave&family=Lily+Script+One&family=Lobster&family=Macondo&family=Meow+Script&family=Mogra&family=Ribeye+Marrow&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Autour+One&family=Berkshire+Swash&family=Caveat:wght@400..700&family=Coiny&family=Concert+One&family=Delius+Unicase:wght@400;700&family=DynaPuff:wght@400..700&family=Fugaz+One&family=Kavoon&family=Knewave&family=Lily+Script+One&family=Lobster&family=Macondo&family=Mansalva&family=Meow+Script&family=Mogra&family=Ribeye&family=Ribeye+Marrow&display=swap');


body {
    background-image: url(img/fondo2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

h1,h5 {
    color: white;
    background-color: rgba(223, 115, 115, 0.712);
    padding: 5px;
    margin: 5px;
    
  font-family: "Berkshire Swash", serif;
  font-weight: 400;
  font-style: normal;
}

h3, li {
    font-family: "Berkshire Swash", serif;
  font-weight: 400;
  font-style: normal;
}

h4 {
      font-family: "Ribeye Marrow", serif;
  font-weight: 400;
  font-style: normal;
}

p, th, td {
    font-family: "DynaPuff", system-ui;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.apng {
  width: 100%;
}

.agif {
  width: 10%;
}

.agiff {
  width: 25%;
}

.carrusel {
  width: 40%;
}





footer {
    background-image: url(img/fondo4.jpg);
     background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 50px;
    text-align: center;

}