/******************************************
/* CSS
/*******************************************/

/* Box Model Hack */
*{
  box-sizing: border-box;
  font-family: 'Press Start 2P', serif, sans-serif;
  color: white;
  text-shadow: 2px 0 0 black, -2px 0 0 black, 0 2px 0 black, 0 -2px 0 black, 1px 1px black, -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black;
}

/******************************************
/* LAYOUT
/*******************************************/
body {
  background-color: rgb(87, 59, 117);
}


/******************************************
/* ADDITIONAL STYLES
/*******************************************/
h1 {
  text-align: center;
  font-size: 48px;
  margin: 20px 0;
}

h2,p {
  text-align: center;
}

p {
  font-size: 12px;
}

h3 {
  margin: 0 10px;
}

.btn {
  position: relative;
  height: 50px;
  width: 100%;
  margin: 20px 0;
  border: none;
}

button {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  padding: 5px;
  background-color:  rgb(169, 219, 140);
  border: 7px double black;

}

.slot-holder {
  border: 10px double black;
  float: right;
  width: 20%;
  height: 250px;
  margin: 0 6.66%;
  background-color: rgb(169, 219, 140);
  padding: 5px;
}

img {
  max-width: 100%;
  max-height: 100%;
}