html,
body {
  margin: 0;
  padding: 0;
}

canvas {
  display: block;
}

.img-btn {
  color: #555;
  font-size: 2.5em;
  background: none;
  border: none;
  /* transition: all ease-in-out .3s; */
}

.img-btn:hover {
  /* transform: rotate(60deg); */
  cursor: pointer;
  color: #e9e95d;
}

.dg {
  font-family: 'Courier New', Courier, monospace;
  font-size: .95em;
}

.dg.main.taller-than-window .close-button {
  border-top: 1px solid #ddd;
}

.dg.main .close-button {
  background-color: #ccc;
}

.dg.main .close-button:hover {
  background-color: #ddd;
}

.dg {
  color: #555;
  text-shadow: none !important;
}

.dg.main::-webkit-scrollbar {
  background: #fafafa;
}

.dg.main::-webkit-scrollbar-thumb {
  background: #bbb;
}

.dg li:not(.folder) {
  background: #fafafa;
  border-bottom: 1px solid #ddd;
}

.dg li.save-row .button {
  text-shadow: none !important;
}

.dg li.title {
  background: #eee url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;
}

.dg .cr.function:hover,
.dg .cr.boolean:hover {
  background: #fff;
}

.dg .c input[type=text] {
  background: #e9e9e9;
}

.dg .c input[type=text]:hover {
  background: #eee;
}

.dg .c input[type=text]:focus {
  background: #eee;
  color: #555;
}

.dg .c .slider {
  background: #e9e9e9;
}

.dg .c .slider:hover {
  background: #eee;
}