* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body{
  background: #646970;
  text-align: center;
  touch-action: none;
}
h1{
  color: #f4f4f4;
  font-size:38px;
  font-family:monospace;
}
h2{
	color: #f4f4f4;
  font-size:44px;
  font-family:monospace;
}
h3{
	color: #f4f4f4;
  font-size:22px;
  font-family:monospace;
}
  input {
           width: 400px;
           font-size:16px;
           font-family:monospace;
       }
#caller{
  background-color:#404040;
  width: 300px;
  margin: auto;
}


  /* The switch - the box around the slider */
.switch {
position: relative;
display: inline-block;
width: 68px;
height: 150px;
}

/* Hide default HTML checkbox */
.switch input {
opacity: 0;
width: 0;
height: 0;
}

/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #760000;
-webkit-transition: .4s;
transition: .4s;
}

.slider:before {
position: absolute;
content: "";
height: 60px;
width: 60px;
left: 4px;
bottom: 8px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

input:checked + .slider {
background-color: #21f321;
}

input:focus + .slider {
box-shadow: 0 0 1px #21f321;
}

input:checked + .slider:before {
-webkit-transform: translateX(80px);
-ms-transform: translateX(80px);
transform: translateY(-80px);
}

/* Rounded sliders */
.slider.round {
border-radius: 34px;
}

.slider.round:before {
border-radius: 50%;
}

/* Dropdown */
.box {
width: 180px;
height: 40px;
border: 1px solid #999;
font-size: 22px;
color: #1c87c9;
background-color: #eee;
border-radius: 5px;
}
.box:disabled {
  background-color: #999;
}

.button {
  width: 300px;
  height: 40px;
  border: 1px solid #999;
  font-size: 22px;
  color: #1c87c9;
  background-color: #eee;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.button:disabled {
  background-color: #999;
}

canvas {
  width: 100%;
  background: transparent;
}

.disable-selection {
	        -moz-user-select: none; /* Firefox */
	         -ms-user-select: none; /* Internet Explorer */
	      -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
	     -webkit-user-select: none; /* Chrome, Safari, and Opera */
	     -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
	   }