html, body {
  margin: auto;
  overflow: hidden; /* Hide scrollbars */
  height: 100%;     /* Για να μην γίνεται scrolling */
  touch-action: none; /* Για να μην κινείται ο canvas όταν γίνεται drag */

  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Old versions of Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently
                                supported by Chrome, Edge, Opera and Firefox */
  background-color: rgb(0, 0, 0);
  color: #ffffff;
}
canvas {
  display: block;
  margin: auto;
  height: 100%;     /* Για να μην γίνεται scrolling */
  touch-action: none; /* Για να μην κινείται ο canvas όταν γίνεται drag */
}
@font-face {font-family: "LT Superior"; src: url("LTSuperior-Bold.otf") format("truetype"); }

.inputbox {
  font-family: "LT Superior";
  font-weight: normal;
  /* background-color: rgb(48, 98, 213); */
  background-color: rgb(35, 39, 255);
  color: white;
  border: none;
  position: relative;
  z-index: 9;
}
.inputbox:focus {
  outline: none;
  position: relative;
  z-index: 9;
}
.inputbox::selection {
    background: grey;
    position: relative;
    z-index: 9;
}
.OK_button {
  padding: 0;
  font-weight: bold;
  font-size: 3vh;
}