/* Scrollbars */
 *::-webkit-scrollbar {
   width: 0.3em;
 }
 *::-webkit-scrollbar-track {
   margin-right: 2em;
   margin-top: 1em;
   margin-bottom: 1em;
   max-height: 98%;
    border-radius: 11px;
    background: #b0b0b0;
    box-shadow: inset 3px 3px 6px #969696, 
                inset -3px -3px 6px #cacaca;

 }
 *::-webkit-scrollbar-thumb {
   background-color: rgba(0, 0, 0, 0.3);
   outline: 1px solid slategrey;
 }

 body {
   background: #b0b0b0;
   background: #121212;
   color: #222;
   font-size: 14pt;
   font-family: monospace;
   height: 100vh;
   margin: 0;
   padding: 0;
 }

 .left, .right {
   float: left;
   height: 100vp;
   overflow: auto;
   overflow-x: hidden;
   height: 99.5%;
   background: #b0b0b0;
   background: #121212;
   width: 49.7%;
 }
 textarea,
 iframe {
 	width: 100%;
 	height: 100%;
 	box-sizing: border-box;
 	/* For IE and modern versions of Chrome */
 	-moz-box-sizing: border-box;
 	/* For Firefox */
 	-webkit-box-sizing: border-box;
 	/* For Safari */
 	background: #121212;
 	color: #aaa;
 	font-size: 14pt;
 	border: 1px;
 	direction: ltr;
margin-left: 2.5%;
margin-top: 2.5%;
height: 95%;
width: 95%;
border-radius: 11px;
border: 1px solid #aaa;
 }
 iframe {
 	height: 30%;
 }
 button {
 	color: #222;
 	font-size: 14pt;
        border: 15px;
        border-radius: 11px;
        background: #b0b0b0;
 }
 canvas {
	width:100%;
	height:auto;
 }