index.css

@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

body {
  font-family: Pretendard-Regular;
  font-size: 13pt;
  background-color: #21252b;
}

#run {
  background-color: #333344;
  color: #4eb797;
  width: 81vw;
  height: 25px;
  text-align: center;
  outline: 2px dotted #4eb797;
  margin: 3px;
  font-family: Pretendard-Regular;
}

#in {
  width: 60vw;
  height: 90vh;
  background-color: #00000000;
  color: #00000000;
  caret-color: #FFF;
  font-family: Pretendard-Regular;
  padding: 10px;
}

#out {
  width: 20vw;
  height: 90vh;
  background-color: #1b1d23;
  color: azure;
  font-family: Pretendard-Regular;
}

mark.err {
  background-color: #c8053f55;
  color: #CCCCCC;
}

mark.do {
  background-color: #00000000;
  color: #d38ba1;
}

mark.unexpectedspace{
  background-color: #00000000;
  color: #d38ba1;
}

mark.err mark.unexpectedspace{
  background-color: #ff000088;
}

mark.base {
  background-color: #00000000;
  color: #CCCCCC;
}

mark.numvar {
  background-color: #00000000;
  color: #9676bf;
}

mark.numvarname {
  background-color: #00000000;
  color: #4eb797;
}

mark.string {
  background-color: #00000000;
  color: #6c88ce;
}

mark.ifwhile {
  background-color: #00000000;
  color: #cbc159;
}

.hwt-container {
  background-color: #282c34;
}

.hwt-content {
  font-size: 13pt;
  padding: 10px;
}

textarea {
  resize: none;
}