* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Sen", sans-serif;
}

.contenedor{
  width: 100vw;
  height: 100vh;
  background: linear-gradient(
      to bottom,
      rgb(0 0 0 / 0),
      rgb(0 0 0 / 0.1),
      rgb(0 0 0 / 0.75)
    ),
    url(/fondo.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
}

.imagen{
  margin-top: 5%;
  width: 80%;
  max-width: 800px;
  filter: drop-shadow(5px 5px 5px rgb(50, 50, 50));
}
  

.contenedor h1{
  margin-top: 20px;
  color: #fff;
  font-size: 200%;
}

.contenedor h2{
  margin-top: 20px;
  color: #fff;
  font-size: clamp(2em,3vw,5em);
}

/*
.contenedor {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
      to bottom,
      rgb(0 0 0 / 0.1),
      rgb(0 0 0 / 0.25),
      rgb(0 0 0 / 0.75)
    ),
    url(/fondo.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100vh;
  text-align: center;
}

.contenido img {
  width: 100%;
  max-width: 500px;
  max-height: 800px;
  display: flex;
  filter: drop-shadow(5px 5px 5px rgb(50, 50, 50));
}

.contenido h1 {
  color: #fff;
  text-align: center;
  width: 100%;
  font-size: 30px;
  justify-content: center;
}

.contenido h2 {
  color: #fff;
  text-align: center;
  width: 100%;
  font-size: 50px;
  justify-content: center;
  margin-top: 20px;
}
/*