/* General CSS */
html {
  background: rgb(38, 40, 54); 
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
  font-size: 1.1rem;
  cursor: default;
}

::selection {
  background-color: #538cc5;
}

::-webkit-scrollbar {
  background: #2f2f35; 
  width: 10px;
}

::-webkit-scrollbar-thumb {
  background: #516274; 
}

::-webkit-scrollbar-thumb:hover {
  background: #667d96; 
}

#container {
  max-width: 70%;
  margin: auto;
}

a {
  color: #99ccff; 
}

button, input {
  background: #2f2f35;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 0;
  transition: all 0.14s;
  font-size: 16px;
  padding: 3px 6px;
}

button:not([disabled]):hover {
  background: #4a4a4a;
  cursor: pointer;
}

input:not([disabled]):hover {
  background: #4a4a4a;
}

button:not([disabled]):active {
  background: #4c6570;
}

button:focus, input:focus, #pz-controls button:focus-visible   {
  outline: none;
  border-color: #cef;
}

.hidden {
  display: none;
}

.pointer {
  cursor: pointer;
}

/* Colors */
.red {
  color: #ff9b88;
}

.yellow {
  color: #ffff88; 
}

.green {
  color: #88ff8e; 
}

.blue {
  color: #b5ccff;
}

.cyan {
  color: #b5ffff;
}