* {
    margin: 0;
    padding: 0;

}

a {
    color: black;
    background-color: rgb(223, 172, 238);
}

.nav ul {
    display: flex;
    gap: 250px;
    background-color: rgb(223, 172, 238);
    list-style: none;
}

.nav {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 10px 20px;
    background-color: rgb(223, 172, 238);
    color: black;
}

.nav img {
    width: 130px;
    height: auto;
}

.nav button {
    color: rgb(0, 0, 0);
    background-color: rgb(187, 127, 255);
    padding: 8px 15px;
    cursor: pointer;


}

.nav button:hover {
    background-color: rgb(242, 85, 218);

}

.Banner {
    width: 100%;
    height: 60vh;
    background-repeat: repeat-y;
    background-size: cover;
    background-image: url(https://i.pinimg.com/736x/b9/86/3b/b9863bc84326c82c772dbf2df8919dc6.jpg);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.Banner h1 {
    color: rgb(0, 0, 0);
    font-size: 10rem;
    text-align: center;

}

.intro {
  display: flex;           
  align-items: center;     
  justify-content: center;
  text-align: center; 
  gap: 30px;               
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
}

.texto p {
  line-height: 1.8;
  max-width: 700px;
}

.imagen img {
  width: 100%;
  height: 400px;
  border-radius: 10px;
}


.Product {
    width: 100%;
    height: 60vh;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 10px;
    
}

.Postres h2 {
    text-align: center;
}

.Product .Producto {
    overflow-x: hidden;
    background-color: rgb(237, 171, 250);
    width: 15%;
    height: 500px;
    box-shadow: 10px 10px 10px;

}

.Product .Producto img {
    width: 100%;
    height: 50%;
}

.Contenido {
    margin: 20px 10px;
}

button a {
    background-color: rgb(227, 127, 255);

}

button a {
    padding: 1px 1px;
}

button a:hover {
    background-color: rgb(255, 0, 191);
}