* {
  font-family: monospace;
  font-size: 14px;
  color: #CCC;
}

body {
  position:absolute;
  top:0px;
  right:0px;
  bottom:0px;
  left:0px;
  background-color: #444;
}

.bar {
  height:40px;
  margin:0px;
  padding:0px;
}

.bar_text {
  margin-left:8px;
}

.ticky {
  padding: 3px;
}

.border {
  border: solid #1C1C1C 1px;
}

.editor {
  margin: 0px;
  padding: 0px;
  overflow: auto;
  white-space: pre-wrap;
}

.center_y {
  display:flex;
  align-items: center;
}

#title {
  font-size: 20px;
  color: #CBF;
  margin:8px;
}

#intro {
  margin:5px;
  margin-left:15px;
}

.github_link {
  font-size: 18px;
  margin-left:30px;
  margin-right:30px;
}

#intro {
  display:flex;
  align-items: center;
  font-size: 13px;
}

#src_selector {
  margin-left: 5px;
}

.dark0 { background-color: #1E1E1E; }
.dark1 { background-color: #222222; }
.dark2 { background-color: #333333; }

.flex_x { display: flex; flex-direction: row;    gap: 4px; }
.flex_y { display: flex; flex-direction: column; gap: 0px; }

.flex_0 { flex-basis: auto; flex-grow: 0; }
.flex_1 { flex-basis: 0;    flex-grow: 1; }
.flex_2 { flex-basis: 0;    flex-grow: 2; }
.flex_3 { flex-basis: 0;    flex-grow: 3; }
.flex_4 { flex-basis: 0;    flex-grow: 4; }

#panels { background-color: #222; }
