html {
  font-family: sans-serif;
  color: #ff9900;
  height: 100%;
  background-color: #21252B;
  margin: 0px;
}

body {
  height: 100%;
  margin: 0px;
  background-color: #181A1F;
  display: grid;
  grid-template-columns: 200px auto;
  grid-gap: 2px;
}


#nav {
  height: 100%;
  background-color: #21252B;
}

#content {
  float: left;
  height: 100%;
  display: grid;
  background-color: #181A1F;
  grid-template-rows: 1fr 1fr 1fr;
  grid-gap: 2px;
}

.code-parent {
  height: 100%;
  width: 100%;
  /*border: 2px solid #181A1F; /*#ee8800;*/
  border-bottom-width: 0px;
  background-color: #282C34;
  color: #ff9900;
  position: relative;
}

textarea {
  position: absolute;
  border-width: 0px;
  padding: 0px;
  left:0px;
  top:0px;
  font-size: 12px;
  background-color: transparent;
  color: transparent;
  caret-color: #ABB2BF;
  width: 100%;
  height: 100%;
  /*padding: 2px;*/
}

.text-area {
  margin: 0px;
  position: absolute;
  left:0px;
  top:0px;
  height: 100%;
  width: 100%;
  font-size: 12px;
  color: #ABB2BF;
  overflow-y: scroll;
  /*padding: 2px;*/
}

h2 {
  margin: 0px;
  margin-right:24px;
  float: right;
}

#file-name {
  width: 168px;
  padding: 0px 6px;
  height: 27px;
}

h3 {
  margin: 0px;
  margin-top: 8px;
  margin-left: 8px;
}

input {
  margin-top: 8px;
  margin-left: 8px;
  height: 32px;
  width: 80px;
  color: #ff9900;
  background-color: #21252B;
  border: 2px outset #ff9900;
}