html {
  position: relative;
  min-height: 100%;
}
body {
  background-color: grey;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-position: center top;
  background-blend-mode: multiply;
  font-family: Tahoma, Arial, Sans-serif;
  font-size: 100%;
  text-align: center;
  margin: 0 40px 70px 40px;
  text-shadow: 2px 1px 2px black;
  color: cornsilk;
}
#swipeBox {
  min-height: 100%;
}
.intro1 {
  font-size: 200%;
}
.intro2 {
  font-size: 200%;
  font-style: italic;
  font-weight: bold;
  color: gold;
}
.message {
  font-size: 200%;
  color: goldenrod;
}
.smaller {
  font-size: 180%;
}
.small {
  font-size: 160%;
}
.smallest {
  font-size: 140%;
}
.goldenrod {
  color: goldenrod; 
}
.gold {
  color: gold;
}
.orange {
  color: orange;
}
.cornsilk {
  color: cornsilk;
}
.nav-arrows {
  position: absolute;
  left: 0;
  top: 0%;
  height: 80px;
  width: 100%;
  font-size: 400%;
}
.prev-arrow {
  float: left;
}
.next-arrow {
  float: right;
}
.hidden {
  visibility: hidden;
}
a:link {
  text-decoration: none;
  color: cornsilk;
}
a:visited {
  color: cornsilk;
}
a:hover {
  color: gold;
}
footer {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50px;
  width: 100%;
  font-size: 85%;
}