body {
  -ms-touch-action: none; 
  touch-action: none; 
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;

  /* style text */
  text-align: center;
  font-size: 12px;
  font-family: Sans-Serif;
  /* color text */
  color: #444;
  /* color: #4060FF; */
}

h1 {
  /* position the heading */
  position: absolute;
  width: 100%;

  /* make sure that the heading is drawn on top */
  z-index: 1;
}

#scene-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#counter-container {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 16px;
  font-family: Sans-Serif;
  color: #444;
  z-index: 2; /* Asegúrate de que esté por encima de otros elementos si es necesario */
}

canvas {
  display: block;
  width: 0%;
  height: 0%;
}

#editor {
  height: 100%;
  width: 100%;
  border: solid 1px gray;
  font-size: 12pt;
}
.output {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight: normal;
  color: blue;
}

.message {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight: normal;
  color: red;
}

table {
  height: 10000px;
}
.resizer {
  position: absolute;
  top: 0;
  right: -8px;
  bottom: 0;
  left: auto;
  width: 16px;
  cursor: col-resize;
}



.runblockly {
  background-color: yellowgreen
}

.editorjs {
  color: red; 
  display: none
}

.btn-alert {
  color: red;
}

.input-hiden {
  display: none;
}

#blocklyDiv {
  height: 100%; 
  width: 100%
}

.blocklyWorkspace {
  width: 100%;
}


 #button-container {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center; /* Centra los botones horizontalmente */
 background: rgba(0, 0, 0, 0.5); /* Fondo semitransparente opcional */
  padding: 10px; /* Espaciado alrededor de los botones */
  box-sizing: border-box; /* Incluye el padding en el ancho total */
  list-style: none; /* Elimina los puntos de lista */
  margin: 100; /* Elimina el margen por defecto */
  display: flex;
  justify-content: center; /* Centra los botones en la línea */
  gap: 10px; /* Espaciado entre los botones */
        }
        button {
            padding: 10px 15px;
            font-size: 16px;
            cursor: pointer;
        }