*:not(input) {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}

body { 
  width: 100%;
  height: 100%;
}

.notitle #topcontainer { 
  display: none;
}

#container {
  position:absolute;
  overflow: hidden;
  width: 1024px;
  height: 768px;
  left: 0px;
  top: 0px;
  margin:auto;
}

#topcontainer {
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 50;
  border-bottom-style:groove;
  border-bottom-width:1px;
  border-bottom-color: rgba(157,157,157,0.5);
}

#centercontainer { 
  position: absolute;
}
#bottomcontainer { 
  position: absolute;
  bottom: 0px;
  height: 150px;
}

#leftcontainer { 
  position: absolute;
  left: 0px;
  top: 0px;
  width: 200px;
  height: 100%;
}

#rightcontainer {
  position: absolute;
  top: 0px;
  width: 250px;
  height: 100%;
}

#misses { 
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
  font-size: 30px;
  text-align: center;
}

#rightcontainer { 
  box-sizing: border-box;
  padding-left: 10px;
  padding-top: 20px;
  font-size: 30px;
  font-weight: bold;
}

#rightcontainer td { 
  padding-bottom: 10px;
}

#rightcontainer td.label { 
  padding-left: 5px;
  padding-right: 20px;
}

#rightcontainer td.counter { 
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

#middlecontainer { 
  position: absolute;
  height: 100%;
}

#word { 
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 0px;
}

#title_container {
  display: inline-block;
  width: 95%;
  font-weight: normal;
  color: #000000;
  text-shadow: #FFFFFF 1px 1px 1px;
  text-align: center;
}

#bottomcontainer { 
  box-sizing: border-box;
  text-align: center;
  width: 100%;
}
.letterline {
  box-sizing: border-box;
  position: relative;
  height: 50px;
  margin: 10px;
}

.letterbutton {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  width: 25px;
  height: 25px;
  margin: 10px;
  border: 2px solid black;
  border-radius: 5px;
}

.letterbutton.disabled {
  pointer-events: none;
  opacity: 0.1;
}

.wordletter {
  display: inline-block;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  height: 25px;
  margin: 10px;
  border-radius: 5px;
}

.wrongletter {
  display: inline-block;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  width: 25px;
  height: 25px;
  margin: 10px;
  border-radius: 5px;
  color: darkred;
}

h2 { 
  padding: 8px;
  margin: 0px;
}

#drawing { 
  position: absolute;
  width: 360px;
  height: 360px;
}

.line { 
  stroke: black;
}
.line.hidden { 
  display: none;
}

#welldone, #toobad { 
  position: absolute;
  width: 100%;
  bottom: 20px;
  text-align: center;
}