/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-color: white;
  color: black;
  font-family: Verdana;
}

.responsive {
  width: 100%;
  height: auto;

}

.container {
  position: relative;
  width: 100%;
}

.container img {
  width: 100%;
  height: auto;
}

.container .btn1 {
  position: absolute;
  top: 10%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #949494;
  opacity: .9;
  color: white;
  font-size: 20px;
  padding: 1%;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

.container .btn2 {
  position: absolute;
  top: 30%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #949494;
  opacity: .9;
  color: white;
  font-size: 20px;
  padding: 1%;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

.container .btn3 {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #949494;
  opacity: .9;
  color: white;
  font-size: 20px;
  padding: 1%;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

.container .btn4 {
  position: absolute;
  top: 70%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #949494;
  opacity: .9;
  color: white;
  font-size: 20px;
  padding: 1%;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

.container .btn5 {
  position: absolute;
  top: 90%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #949494;
  opacity: .9;
  color: white;
  font-size: 20px;
  padding: 1%;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

.container .btn1:hover {
  background-color: #828282;
}

.container .btn2:hover {
  background-color: #828282;
}

.container .btn3:hover {
  background-color: #828282;
}

.container .btn4:hover {
  background-color: #828282;
}

.container .btn5:hover {
  background-color: #828282;
}

a {
  color: #d3d3d3;
  font-weight: bold;
}

a:hover {
  color: #a0327c;
  font-weight: bold;
}