style.css

@import url(https://fonts.googleapis.com/css?family=PT+Sans|PT+Mono);
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

.controls {
  font-family: 'PT Sans', sans-serif;
  background-color: #031422;
  width: 34%;
}

.canvas {
  background-color: #071F33;
  width: 65%;
  height: 98.1vh;
  overflow-y: scroll;
  z-index: 10;
  position: fixed;
}

::-webkit-scrollbar {
  width: 10px;
}


/* Track */

::-webkit-scrollbar-track {
  background: #000;
}


/* Handle */

::-webkit-scrollbar-thumb {
  background: #2c3e50;
}

body {
  height: 100%;
  width: 100%;
}

.box {
  font-family: 'PT Mono', monospace;
}

.box {
  width: 250px;
  height: 121px;
  background-color: #fff;
  position: absolute;
  bottom: 100;
  left: 100;
  color: #000;
  font-size: 11px;
  text-align: center;
}

.remote {
  width: 250px;
  height: 121px;
  background-color: transparent;
  position: absolute;
  bottom: 100;
  left: 100;
  color: #000;
  font-size: 11px;
  text-align: center;
}

.winsize {
  background: #eee;
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 11px;
  color: #222;
  padding: 3px 5px;
}