@font-face {
    font-family: pixel;
    src: url("PixelGame.otf") format("opentype");
}
@font-face {
    font-family: pixeled;
    src: url("Pixeled.ttf") format("truetype");
}
body {
  background-image: url('images/map.jpg');
  background-size: cover;
  justify-content: center;
  align-self: center;
  align-items: center;
  text-align: center;
}
.gallerybox {
  justify-content: center;
}
#hvrimgs {
  z-index: 1;
  position: absolute;
}
#hvrimgs .one {
  right: 0;
  bottom: 0;
}
#gallery {
  display: grid;
  grid-template-columns: auto auto auto;
  justify-content: center;
  z-index: 0;
  position: relative;
  padding: 150px;
  margin: 50px;
  background-image: url('images/paperborder.png');
  background-size:100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
}
#gallery img {
  height: 35vw;
  width: auto;
  margin: 15px;
}
.homebtn button{
  justify-content: center;
  text-align: center;
  align-items: center;
  background-image: url('images/textbox.png');
  background-size:100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  color: #c4472e;
  font-size: 5vw;
  font-family: pixel, sans-serif;
  padding: 5px 25px;
  transition: transform 0.5s;
}
.homebtn button:hover {
  transform: translateY(-10px);
}