body {
  background-color: white;
  background-image: url("./bg.jpg");
  background-repeat: no-repeat;
  background-attachment:fixed;
  background-position: center;
  background-size: cover;
}

#mainbox {
  background:rgba(255,255,255,0.5);
  width:60%;
  margin: 0 auto;
  padding:15px;
  text-indent:30px;
  border-radius:15px;
}

/* ...the devouring forest... */
.forest {
  font-weight:bold;
  background-size: 100vw 100vw;
  background: repeating-linear-gradient(90deg, #0c1c1c 0%, #1e332a 25%, #33614b 50%, #031114 75%);
  -webkit-animation: 'slide' 60s infinite linear forwards;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
@keyframes slide {
  0% { background-position-x: 0%; }
  100% { background-position-x: 200vw; }
}

nav{
  z-index: 99;
  background:none;
  position: absolute;
  padding: 10px;
  height: 100%;
  width: 10%;
}

.navlink{
  display: block;
  padding: 5px;
  margin: 8px 5px 8px;
  text-align:center;
  color: #4e8b01;
}

.navlink a {
  color: #fff;
  text-decoration:none;
}
.navlink a:hover {
  color:#978e85;
}

.currentpage {
  color:#4e8b01;
  display: block;
  padding: 5px;
  margin: 8px 5px 8px;
  text-align:center;
  font-weight:bold;
}

@media screen and (max-width:600px) {
  #mobilenavbutton {
    display:block;
    z-index: 99;
    background: #2B2C28;
    color:#89023E;
    position: fixed;
    padding: 3%;
    left:0;
    top:0;
    text-align:center;
    font-family: trogpop;
    font-size: 14pt;
    border:none;
  }
  #mobilenavbutton:hover {
    color:#7DE2D1;
  }
  nav {
    display:none;
    background:#2B2C28;
    width:100%;
  }
}
@media screen and (min-width:601px) {
  #mobilenavbutton {
    display:none;
  }
}

/* MAPS */
#mapcontain {
  width:100%;
  text-align:center;
  text-indent:0;
  margin:0;
  padding:0;
  left:0;
}
.mapdeets { /* the information on the map styling stuff */
  display:none;
}
.closedeets { /* styling the close button */
  background:none;
  border:1px solid red;
  border-radius:3px;
}