/**Esto es el "css para el menú y quizá para los posters también"**/

.contenedor-general {
    display: flex;
    flex-direction: row;
    gap: 30px;
    

}
/*Menu*/

.menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: 0% 0%;
    background-image: url("https://i.pinimg.com/736x/3a/e9/de/3ae9de73850c48c38c1573025d700648.jpg");
    width: 250px;
    height: 1000px;
}

.options-m {
    border-top:solid 3px #F4EFAA;
    border-right:solid 3px rgb(104, 104, 104);
    border-radius: 7%;
    content: '';
    display:block;
    padding: 20px;
    margin: 20px;
    width: 125px;
    height: 50px;

    color: #d781ff;
    -webkit-text-stroke: 0.3px rgb(124, 11, 162);
    text-shadow: 0px 0px 15px rgba(217, 0, 255, 0.804);
    font-weight: bold;
    font-family: 'New Gothic Style', sans-serif;
    font-size: 50px;
    text-align: center;
    text-decoration: transparent;

    background-color:rgba(117, 3, 178, 0.778);
    box-shadow: 0px 0px 10px rgba(181, 101, 235, 0.914);
}

/*Contenedor y lo demás*/

.contenedor-principal {
    width: 65%;
    padding: 20px;
    background-color: #3f005ac4;
    border: 0.5px solid rgb(104, 104, 104);
    box-shadow: 0 0 15px rgb(126, 28, 206);
}

.web-header {
  background-image: url("https://i.pinimg.com/1200x/6a/ba/26/6aba26aa4e6dc1e77343a2550ab487ee.jpg");
  background-size: cover;
  border: solid 2px rgb(104, 104, 104);
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 200px;
}

.header-text {
  font-size: 95px;
  font-weight: bold;
  font-family: 'new gothic style', sans-serif;
  background-image: url("https://i.pinimg.com/originals/2e/f3/7a/2ef37ae051d21860e74f225c45b338c5.gif");
  background-size: cover;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.2px rgba(140, 0, 255, 0.91);
  filter: drop-shadow(0px 0px 10px rgba(200, 5, 177, 0.832));
}

.pic1 {
width: 400px;
    height: auto;
    border-radius: 20%;
}

/*Girds para contenido*/
.container {
    display: grid;
    grid-template-areas:
     "foto" "descripción"
     "guestbook" "mascota" "imagen-x";
    align-content: start;
}

.container > div {
    padding: 5px;
}

.grid-1 {
    grid-area: foto;
}
.grid-2 {
    grid-area: descripción;
}