html, body{
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0px;
}

.navbar{background: rgb(0, 0, 0);}

.row{
  height: 92.7%;
  margin-bottom: -3%;
}

#editor-side{
  height: 100%;
  padding: 0px !important;
  border-right: 2px solid #333;
  box-sizing: border-box;
}

#html-box, #css-box, #js-box{
  height: 33.33%;
  box-sizing: border-box;
}
.box-heading{
  padding: 3px 0 3px 20px;
  background-color: #333;
  color: white;
}
#html-editor, #css-editor, #js-editor{
  height: 87.3%;
  width: 100%;
  font-size: 14px;
}

::-webkit-scrollbar {
  width: 0.9em;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
  background: rgba(100, 100, 100, 0.7);
}

::-webkit-scrollbar-corner,
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(100, 100, 100, 0.4);
}

#preview-box{
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}

#preview-target{
  height: 95.7%;
  width: 100%;
  border: none;
  margin-bottom: -0.6%;
}