textarea {
  width:100%;
}
#string {
  height:5vh;
}

.codeEditor, .lineCounter {
  font-family: courier new, courier, monospace;
  margin: 0;
  padding: 10px 0;
  height: 75vh;
  border-radius: 0;
  resize: none;
  line-height: 1.2;
  outline: none;
  box-sizing: border-box;
}

.codeEditor {
   padding-left: calc(3.5rem + 5px);
   width:100%;
   background-color:#272822;
   border-color:#272822;
   color:#ffffff;
}

.lineCounter {
  display: flex;
  border-color: transparent;
  overflow-y: hidden;
  text-align: right;
  box-shadow: none;
  color: #707070;
  background-color: #d8d8d8;
  position: absolute;
  width: 3.5rem;
  background-color:#3E3D32;
  border-color:#3E3D32;
  color:#928869;
}

.lineCounter:focus-visible,
.codeEditor:focus-visible {
   outline:none;
 }
