body {
  background-color: black;
}
#trestris {
  position: absolute;
  left: 100px;
  width: 600px;
  height: 680px;
  background-color: black;
  background-image: url(media/back3.jpg);
}
/*.bungeetext {
    font-family: "Bungee Spice", "Bungee", fantasy;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    color: orange;
    text-shadow: -2px -3px 4px #333;
    font-style: italic;
    font-weight: 400;
    transform: rotate(-11deg);*/
    /*    rotate: -11deg;*/
    /*cursor: default;
    font-size: 32px;
}*/

.bungeetext {
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    color: blue;
    text-shadow: -2px -3px 4px navy;
    font-style: italic;
    font-weight: 400;
    transform: rotate(-11deg);
    /*    rotate: -11deg;*/
    cursor: default;
    font-size: 32px;
}

/* Browsers capable of displaying Bungee Spice correctly */
@supports font-tech(color-COLRv1) {
    .bungeetext {
        font-family: "Bungee Spice", "Bungee", Impact;
    }
}


#title {
  position: absolute;
  left: 10px;
  top: 20px;
  z-index: 300;
  font-size: 64px;
}
.piece {
  position: absolute;
}
#start {
  position: absolute;
  left: 385px;
  top: 260px;
  font-size: 48px;
  cursor: pointer;
}
#level {
  position: absolute;
  left: 370px;
  top: 70px;
}
#lines {
  position: absolute;
  left: 375px;
  top: 110px;
}
#togo {
  position: absolute;
  left: 380px;
  top: 150px;
}
#gameover {
  position: absolute;
  left: 160px;
  top: 300px;
  text-align: center;
  visibility: hidden;
  z-index: 201;
}
#practice {
  text-align: center;
  position: absolute;
  left: 390px;
  top: 470px;
  cursor: pointer;
}
#rules {
  position: absolute;
  left: 40px;
  top: 132px;
  width: 500px;
  background-color: black;
  border: 2px solid blue;
  box-shadow: 4px 4px 4px darkblue;
  border-radius: 8px;
  color: white;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  padding: 10px;
  z-index: 300;
  font-size: 18px;
  visibility: hidden;
  cursor: pointer;
}
#rules_click {
  position: absolute;
  left: 400px;
  top: 360px;
  text-align: center;
  cursor: pointer;
}
#copy {
  position: absolute;
  left: 470px;
  top: 665px;
  color: gray;
  font-size: 12px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}