@font-face { font-family: Bangers; src: url('/fonts/Bangers-Regular.ttf'); }

:root {
  --cur-main: url('/assets/BlueMain.png'), auto;
  --cur-point: url('/assets/BlueSelect.png'), auto;
  --blue:#96DBE5;
  --offwhite:#f2f2f2;
}

* {
  padding:0;
  margin:0;
  cursor:var(--cur-main);
}

body {
  background:white url('/imgs/hqbg.png');
  color:black;
  width:100%;
  height:100%;
  font-family:Verdana, sans-serif;
  font-size:12px;
}

a {
  cursor:var(--cur-point);
  color:#96682C;
  text-decoration:none;
}





#container {
  position:absolute;
  top:50%;
  left:50%;
  transform:translateY(-50%) translateX(-50%);
  width:50%;
  height:80%;
  background:var(--offwhite);
  border:1px solid var(--blue);
  box-shadow:0 0 10px var(--blue);
}

#content {
  margin:20px;
}

.button {
  background-color:var(--offwhite);
  color:var(--blue);
  text-transform:uppercase;
  font-weight:bold;
  font-size:20px;
  padding:5px 20px 6px 20px;
  border:1px solid var(--blue);
  transition:all 0.2s ease-in;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
}
.button:hover {
  background-color:var(--blue);
  color:var(--offwhite);
  transition:all 0.2s ease-in;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
}





h1 {
  font-family:'Bangers';
  font-size:65px;
  text-align:center;
  letter-spacing:2px;
  color:var(--blue);
  margin-bottom:15px;
}
h1 span {
  color:var(--offwhite);
  text-shadow:2px 2px 0 var(--blue), 2px -2px 0 var(--blue), -2px 2px 0 var(--blue), -2px -2px 0 var(--blue), 2px 0px 0 var(--blue), 0px 2px 0 var(--blue), -2px 0px 0 var(--blue), 0px -2px 0 var(--blue);
}

P {
  margin-bottom:15px;
  text-align:center;
}