body {
  background-image: linear-gradient(135deg, #284cecb2 0%, #8a25f07c 100%), url(../archivos/img-estacion4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  position: relative;
  /* overflow: hidden; */
  font-family: Arial, sans-serif;
  max-width: 400px;
  margin: 0 auto;
}



h1 {
  color: #fff;
  text-align: center;
  margin-top: 70%;
  font-family: 'Monoton', cursive;
}

span {
  color: #fff;
  font-family: 'Roboto', sans-serif;
  opacity: 50%;

}

p {
  color: #fff;
  font-family: 'Roboto', sans-serif;

}

input[type="text"] {
  width: 70%;
  padding: 5px;
  margin-right: 5px;
  margin-top: 5%;
  font-family: 'Roboto', sans-serif;

}

button {
  padding: 5px 10px;
  background-color: #2439f5b9;
  color: #fff;
  border-radius: 5px;
  border: #2439f5b9;
  font-family: 'Roboto', sans-serif;

}

li {
  cursor: pointer;
  color: #fff;
  font-family: 'Roboto', sans-serif;

}