@import url(https://fonts.googleapis.com/css?family=Inconsolata);*{margin:0;padding:0;font-family:'Inconsolata',monospace;box-sizing:border-box;font-size:20px}::selection{background:#03FF27;color:#333}::-moz-selection{background:#03FF27;color:#333}.wrapper{width:100%;height:100vh;background:-webkit-linear-gradient(-45deg,#263238,#212121);display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-ms-align-items:center;align-items:center}.console{width:1000px;height:500px;background-color:#212121;border:5px #333 solid;position:relative;overflow-y:scroll;max-width:100%}.console::-webkit-scrollbar{display:none}#commandfield{width:100%;padding:12px;outline:none;background-color:#212121;border:none;color:#03FF27;font-size:22px}.output{color:#00B219}.output p{width:100%;padding:8px 10px}.cin,.cout{margin-right:10px;color:#F0E925}.cin{color:#fff}.enter{position:absolute;right:0;top:0;line-height:44px;text-align:center;border:none;color:#fff;background:none;outline:none;padding:0 16px;cursor:pointer}.err{color:#E31E1E}.clickable{cursor:pointer;padding:1px 3px;border-radius:2px;color:#3A8ED5}.clickable:hover{background-color:rgba(255,255,255,.3)}.color-block{display:inline-block;padding:5px;border-radius:2px}.output .closeable{padding:8px;position:relative}.output .closeable p{padding-left:30px}.output .closeable::before{content:'';width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:8px solid #555;position:absolute;top:16px;left:30px}.closeable label{cursor:pointer}.closeable label input[type=checkbox]{opacity:0}.closeable label input[type=checkbox]:checked + p{display:none}@media (max-width:1000px){.console{height:100vh;width:100%}*{font-size:17px}}
table {
  text-align: center;
  border: 1px #00B219 solid;
  margin: 8px 10px;
}
table td {
  padding: 4px;
  border: 1px #00B219 solid;
}