body{top:0;margin-top:0;margin-left:0;margin-right:0;margin-bottom:0;border:0;padding:0;height:100%;max-height:100%;font-family:arial,verdana,sans-serif;font-size:100%;background:#ffdfb9}.box{margin-left:200px;margin-right:0;top:0;margin-top:0;border:0;padding:20px;height:100%;max-height:100%;background:#fff}h1{border:0;border-top:solid;border-bottom:solid;border-color:#800;border-width:1px;padding:5px;background:#fb6;color:#fff;font-size:150%}h2{display:box;padding:5px;background:#fb6;color:#fff;font-size:150%}.header{color:#fff;background-color:#333;border-bottom:solid 5px;border-bottom-color:orange;font-size:200%;padding:3px 19px;text-align:left}.examplebox{padding:5px;border:solid;background:#fff;border-color:red;border-width:thin}.yellowbox{padding:5px;border:solid;background:#ff0;border-color:red;border-width:2px}.container{margin-top:15px;margin-left:15px;float:left}.canvasboxstyle:-moz-full-screen{display:flex;align-items:center;justify-content:center}.canvasboxstyle:fullscreen{display:flex;align-items:center;justify-content:center}.canvasboxstyle:-webkit-full-screen{display:flex;align-items:center;justify-content:center}.canvasboxstyle:-ms-full-screen{display:flex;align-items:center;justify-content:center}.menu{width:12em;margin-bottom:1em;padding:1em 1.5em;font-size:70%;background-color:#fb6;border:1px solid #300;white-space:normal}.main{margin-top:15px;margin-left:1em;margin-right:1em;margin-bottom:1em;padding:1em 1.5em;max-width:900px;border:1px solid #300;color:#000;background-color:#fff}label{position:relative;padding-left:20px;display:block}label input[type=radio]{position:absolute;top:-2px;left:-5px}table{border-collapse:collapse}th{background-color:#555;color:#fff}td,th{padding:5px}table tr:hover td{background:#f2f2f2}span.ttwrapper{position:relative;display:inline-block}.tt{outline:0}.tt strong{line-height:30px}.tt:hover{text-decoration:none}.tt span{z-index:100;display:none;padding:14px 20px;margin-top:-20px;margin-left:50px;line-height:16px;border-radius:4px;box-shadow:5px 5px 8px #ccc}.tt:hover span{display:inline;position:absolute;color:#111;border:1px solid #dca;background:#fffaf0}.tttxt{z-index:20;position:absolute;top:11px;border:0;left:-12px}.slidecontainer{width:100%}.slider{-webkit-appearance:none;width:100%;height:15px;border-radius:5px;background:#d3d3d3;outline:0;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#00f;cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#00f;cursor:pointer}