/* BASIC SETUP */

body {
  text-align:center;
  /* font-family: Lato, Arial, Helvetica, sans-serif; */
  font-family: Lato, Arial, Helvetica, sans-serif;
  font-size: 20px;
  /* text-transform: uppercase; */
}
input, select, textarea, button{font-family:inherit;}

h1 {
  color: #2980b9;  /* #d2aa0c */
  font-size: 150%;
  font-family: 'Press Start 2P', cursive;
}

p {
  font-size: 100%;
  text-transform: none;
}

#debug-text {
  display: block;
  visibility: hidden;
}

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

.container {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 800px;
  height: 600px;
}

/* BUTTONS */
button {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #222;
  background: none;
  /* border: none*/
  border: solid 2px #2980b9;
  font-size: 120%;
  /* font-size: 200%; */
  text-transform: uppercase;
  font-weight: 600;
  width: auto;
  cursor: pointer;
}