@font-face {
  font-family: Minecraft-Regular;
  src: url(../fonts/MinecraftRegular.otf);
}

body, html {
  height: 100%;
  margin: 0px;
  color: #908575;
  background: #344;
  background-image: url("../images/daytime_rivers.webp");
  background-size: cover;
  background-position: center center;
}

.page_wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.center_wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 90%;
  margin: 0% 10% 0% 10%;
}

.upper_wrap {
  margin-top: 10%;
}

.servers_wrap {
  display: flex;
  justify-content: right;
  margin: 20px 0px 50px 0px;
}

.servers {
  font-family: Minecraft-Regular;
  font-size: 2em;
  color: #cc0;
  text-shadow: -2px 0px black, 0px -2px black, 2px 0px black, 0px 2px black, 3px 3px 4px black;
  text-align: right;
}

.servers td {
  padding: 2px 15px;
}

.maps_wrap {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.map_box {
  margin: 0px 20px;
  font-family: Minecraft-Regular;
  font-size: 22pt;
  color: #cc0;
  text-shadow: -1px 0px black, 0px -1px black, 1px 0px black, 0px 1px black, 2px 2px 2px black;
}

.whitelist_wrap {
  position: fixed;
  bottom: 0px;
  width: 100%;
  font-family: Minecraft-Regular;
  font-size: 1.5em;
  color: #ddd;
  text-shadow: 1px 1px 2px black;
  text-align: center;
  background: #353535;
}