html {
  height: 100%;
  width: 100%;
}
body {
  background-color: #2d2d3c;
}
.cool {
  color:#9199a1;
  font-family:Impact;
  font-size: 30px;
  padding-bottom: 20px;
  position:relative;
  top:-25px;
}
.line {
  border-width: 4px;
  background-color:#420000;
  border-color:#ffffffaa1;
}
.quakelogo {
  transform: rotate(10deg);
}
.quakelogo2 {
  transform: rotate(-10deg);
}
.leftside {
  border: 5px solid #a6a6a6;
  width: 170px;
  float: left;
  background-color: #47475c;
  font-family:cursive;
}
.topside {
  border: 3px solid #ffffff;
  background-color: #606080;
  font-family:cursive;
}
a {
  text-decoration: none;
  color: #D5D9FF;
}
    .image-wrapper {
      display: flex;
      justify-content: flex-end; /* push image to the right */
    }
.awhite {
  text-decoration: none;
  color: #ffffff;
}
.title {
 display: inline-block;
  padding: 1rem 1rem;
  vertical-align: middle;
  width: 300px;
  color:#ffffff;
  font-family:Impact;
  font-size: 30px;
        margin-top: 6px;
}
.download {
 display: inline-block;
margin-top: 60px;
  width: 300px;
  color:#ffffff;
  font-family:Impact;
  font-size: 30px;

}
.swag {
 display: inline-block;
  border: 1px solid red;
  padding: 1rem 1rem;
  vertical-align: middle;
  margin-right: 0%;
  width: 700px;
  color:#9199a1;
  font-family:Impact;
  font-size: 30px;
  position:relative;
}
.mappoollist {
  border: 5px solid #a6a6a6;
  width: 500px;
  float: center;
  background-color: #47475c;
  font-family:cursive;
}
.image-wrapper {
  display: flex;
  justify-content: center; /* moves image and text to the right */
  padding: 0px;
}

.image-column {
  text-align: center; /* centers the text under the image */
}