body {
  background-image: url("../img/main_background.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
}

div.wholePage {
  height: 98%;
  width: 99%;
  position: absolute;
  top:0;
	bottom: 0;
	left: 0;
	right: 0;
}

div.center {
  margin: auto;
  height: 150px;
  width: 50%;
  text-align: center;
  position: absolute;
  top:0;
	bottom: 0;
	left: 0;
	right: 0;
}

div.center-horizontal {
  margin: auto;
  width: 50%;
  text-align: center;
  top:0;
	bottom: 0;
	left: 0;
	right: 0;
}

div.wholePageScroll {
  width: 100%;
  min-height: 150px;
  max-height: 350px;
  overflow-y: scroll;
  overflow-x: None;
}

p.center-horizontal {
  margin: auto;
  text-align: center;
}

.title {
  font-family: 'bebas_neueregular', Arial, sans-serif;
  font-weight: bolder;
  font-style: normal;
  font-size: 500%;
  text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
}

.largetxt {
  font-family: 'bebas_neueregular', Arial, sans-serif;
  font-size: 200%;
}

.txt {
  font-family: 'bebas_neueregular', Arial, sans-serif;
}

.red {
  color: red;
}

.gold {
  color: gold;
}

.button {
  transition-duration: 0.4s;
  font-family: 'bebas_neueregular', Arial, sans-serif;
  font-size: 200%;
  background-color: red;
  border-radius: 8px;
  color: white;
  border: 2px solid red;
}

.button:hover {
  background-color: green; /* Green */
  color: white;
}

.button:disabled {
  background-color: grey; /* Green */
  color: white;
}

.button:disabled:hover {
  background-color: grey; /* Green */
  color: white;
}

@font-face {
    font-family: 'bebas_neueregular';
    src: url('../font/bebasneue-regular-webfont.woff2') format('woff2'),
         url('./font/bebasneue-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}