html {
  background: black;
}

#game {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}

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

#img1 {
  position: absolute;
  margin-top: 40px;
  border: 1px solid white;
}

#vid {
  margin-top: 40px;
  margin-left: -10px;
  position: absolute;
}
#StartButton {
  margin-top: -100px;
  margin-left: 450px;
  font-size: 100px;
  color: pink;
  background: none;
  border: none;
  outline: none;
  position: relative;
  cursor: pointer;
}

#StartButton:hover {
  opacity: 0.5;
}
#TutorialButton {
  margin-top: 400px;
  position: relative;
}
#canvas {
  border: #666 1px solid;
  background-image: radial-gradient(circle, white, #49D649);
}
#text-container {
  margin-top: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 50px;
  width: 700px;
  border: red 3px solid;
  background-color: white;
}

#instructions {
  margin-left: -100px;
  border: white 4px solid;
  background-color: white;
}
h4 {
  position: relative;
  color: white;
  padding: none;
  height: 0px;
  font-size: 40px;
}
h5 {
  position: relative;
  padding: none;
  height: 0px;
  color: white;
  font-size: 20px;
}