[touch-action="none"]{ -ms-touch-action: none; touch-action: none; touch-action-delay: none; }
[touch-action="auto"]{ -ms-touch-action: auto; touch-action: auto; touch-action-delay: none; }
[touch-action="pan-x"]{ -ms-touch-action: pan-x; touch-action: pan-x; touch-action-delay: none; }
[touch-action="pan-y"]{ -ms-touch-action: pan-y; touch-action: pan-y; touch-action-delay: none; }
[touch-action="pan-x pan-y"],[touch-action="pan-y pan-x"]{ -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; touch-action-delay: none; }
body,html{width:100%;height:100%;padding:0;margin:0;overflow:hidden;position:fixed;font-family:"Segoe WP","Segoe UI",Verdana,Arial;touch-action:none;-ms-touch-action:none}
.warning{color:red}
#fps{position:absolute;left:20px;top:1em;font-size:20px;color:#fff;text-shadow:2px 2px 0 #000}
#stats{position:absolute;right:20px;top:11em;font-size:14px;color:#fff;text-align:right;text-shadow:2px 2px 0 #000}
#status{position:absolute;right:20px;top:15em;font-size:14px;color:#fff;text-shadow:2px 2px 0 #000}
a{color:#000;text-decoration:none}
a:hover{text-decoration:underline}
a:visited{color:#fff}
button{border:1px solid #888;background-color:#dedede;color:#888}
button:hover{background-color:#eee}
button:active{transform:scale(.98);-webkit-transform:scale(.98)}
#notSupported{color:red;width:100%;height:60px;position:absolute;top:50%;margin-top:-30px;background-color:#eee;border:1px solid #888;text-align:center;padding-top:10px;font-size:30px;z-index:3;cursor:default}
#renderCanvas{width:100%;height:100%;outline:0}
.hidden{display:none}
@-webkit-keyframes spin1 {0% { -webkit-transform: rotate(0deg);}100%{ -webkit-transform: rotate(360deg);}}                
@keyframes spin1 {0% { transform: rotate(0deg);}100% { transform: rotate(360deg);}}
#mensaje{position:absolute;right:20px;top:10em;font-size:20px;color:#fff;text-shadow:2px 2px 0 #000}
#loadingScreen {position: absolute;width: 100%;height: 100%;color: rgb(0, 0, 0);font-size: 20px;text-align: center;background-color: rgb(255, 255, 255);z-index: 9999;margin: auto;}
.center {display: block;margin-left: auto;margin-right: auto;width: 75%;}
.center2 {display: block;margin-left: auto;margin-right: auto;width: 90%;}            
.content {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.content2 {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: black;
  color: white;
  opacity: 0.8;
  cursor: not-allowed;
  caret-color: rgba(0,0,0,0);
  padding: 20px;
  border: 3px solid rgb(42, 42, 42, 0.8);
  border-radius:  1.5rem 1.5rem 1.5rem 1.5rem;
  text-align:center;
  z-index: 99;
}
@media (orientation: landscape) {
  .content2 h2 {
    margin: 0rem;
  }
  .center2{
      width: auto;
  }
  br{
      display: none;
  }
}
.multi-spinner-container {width: 150px;height: 150px;position: relative;margin: 30px auto;overflow: hidden;}
.multi-spinner {position: absolute;width: calc(100% - 9.9px);height: calc(100% - 9.9px);border: 5px solid transparent;border-top-color: #ff5722;border-radius: 50%;-webkit-animation: spin 5s cubic-bezier(0.17, 0.49, 0.96, 0.76) infinite;animation: spin 5s cubic-bezier(0.17, 0.49, 0.96, 0.76) infinite;}
@-webkit-keyframes spin {from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes spin {from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
#me {-webkit-animation: rotation 2s infinite linear;}   
@-webkit-keyframes rotation {from {-webkit-transform: rotate(0deg);}to   {-webkit-transform: rotate(359deg);}}
#buttonx {
  border-radius: 1.5rem 1.5rem 1.5rem 1.5rem;
  color:#444;
  font-size:20px;
  height: 2.7rem;
}
@keyframes load {
  0%{
      opacity: 0.08;
      filter: blur(5px);
      letter-spacing: 3px;
      }
  100%{
      }
  }
  .animate {
      display:flex;
      justify-content: center;
      align-items: center;
      height:15%;
      margin: auto;
      font-family: Helvetica, sans-serif, Arial;
      animation: load 1.2s infinite 0s ease-in-out;
      animation-direction: alternate;
      text-shadow: 0 0 1px white;
  }
  .center {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
  }

input[type="text" i] {
  padding: 1px 2px;
  caret-color: #333333;
}