body {
  background-image: url('http://res.cloudinary.com/dqr2mejhc/image/upload/c_scale,w_612/v1497818771/canvas_back_qu92rm.png');
  background-repeat: repeat;
}

h2 {
  -webkit-text-stroke: 3px black;
  font-family: 'Orbitron', cursive;
  font-size: 50px;
  padding: 5px;
  margin: 0;
  color: ghostwhite;
}

#myCanvas {
  background-image: url('http://res.cloudinary.com/dqr2mejhc/image/upload/c_scale,w_626/v1497818772/space_back_2_keyyer.png');
  display: block;
  background-repeat: repeat;
  border-radius: 30px;
  border: 8px solid black;
  width: 98%;
  height: 98%;
  min-width: 400px;
  min-height: 300px
}

.game {
  width: 55%;
  min-width: 400px;
  min-height: 300px;
  margin: 15px;
  margin-right: 25px;
}

.instructions {
  background-color: black;
  color: ghostwhite;
  padding: 15px 25px 15px 25px;
  width: 20%;
  height: 100%;
  min-width: 250px;
  margin-top: 15px;
  font-family: 'Coda';
  border-radius: 25px;
  display: flex;
  flex-direction: column;
}

.buttons {
  display: flex;
  justify-content: space-between;
  width: 80%;
  padding-left: 10px;
}

.buttons img {
  width: 50px;
  padding: 15px 15px 0px 15px;
}

h3 {
  display: flex;
  justify-content: center;
  font-size: 36px;
  margin: 0;
  line-height: 1.1;
}

h2 {
  display: flex;
  justify-content: center;
}

.textblock {
  border-bottom: 3px solid white;
  padding-bottom: 15px;
}

#everything {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

// $teal: #1B998B;
// $pink: #ED217C;
// $navy: #2D3047;
// $yellow: #FFFD82;
// $peach: #FF9B71;