html {
  height: 100vh;
}
body {
  height: 100vh;
  color: #ffffff;
  text-shadow: #000000 10px 0 10px;
  font-size: 150%
}
a {
  color: #ffffff;
  text-decoration: underline;
}
h1 {
  text-align: center;
}
span.avoidwrap {
  display:inline-block;
}
.the-title {
  background-color: #303030;
  color: #ffffff;
}
.the-footer {
  background-color: #303030;
  color: #ffffff;
  font-size:50%;
}
.vintage {
  background-image: url("lotus.jpg");
  background-repeat: no-repeat;
  background-position: center; 
  background-size: auto 100%;
  height: 100vh;
}
.legacy {
  background-image: url("brainstorm.jpg");
  background-repeat: no-repeat;
  background-position: center; 
  background-size: auto 100%;
  height: 100vh;
}