html, body {
  height: 95%;
  width: 95%;
  font-family: 'Trattatello', fantasy; 
  text-align: center; 
  overflow: hidden;
}

button {
  font-size: medium;
  border:inset;
  padding: 10px;
  color: rgb(255, 255, 255);
  background-color: rgb(0, 255, 157);
  border-radius: 10px;
}

.button a {
  display: block;
  text-decoration: none;
}

button:hover{
  background-color:#2bb319;
  transition: 0.7s;
}

.audio-container {
  margin-top:10px;
  top:50px;
  right:300px;

  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:flex-start;
}
#muteButton {
margin-top:10px;
}

body.instructions_html {
  margin: auto;
  width: 640px; 
  padding: 50px;
  font-family: 'Trattatello', fantasy; 
  color: #e58182;    

  .instructions_text {
  text-align: center;  

    .instructions_text p {
      font-size: 12px;
      margin-right:20px;
    }

    .center {
      display: block;
      margin-left: auto;
      margin-right: auto;
    }
  }
}

.go_back_btn {
  position: fixed;
  top: 10px; 
  left: 10px
}

#blackbomb {
  position:relative;
}

#redbomb {
  position: relative;
}