body{background-image:url(../img/rough-beige-paper-texture.jpg);background-size:100%}nav{position:relative;text-align:center}#navigation{width:100%;margin:10px 0}nav>.navig>li{position:relative;margin:.2rem .7143rem;display:inline-block;padding:.45rem}nav>.navig>li:after{display:block;position:absolute;content:"";top:38%;right:-.9286rem;width:.07143rem;height:1rem;background-color:#185dcc}nav>.navig>li:last-child:after{display:none}nav>.navig>li>a{position:relative;text-decoration:underline;text-align:center;color:#185dcc;padding:.714rem;top:50%;font-size:1rem;cursor:pointer}nav>.navig>li>a:hover{text-decoration:none}#main,nav>.navig>li>a,pre{display:inline-block}#main{border:1px solid #000;line-height:0}pre{font-size:20px;font-family:monospace;line-height:11px;margin:0}#contain,#controls{cursor:pointer;position:relative;width:max-content;margin:0 auto}#contain{border:2px solid gray}.inner-square{height:8px;fill:#228981;stroke:#8bc34a8c}form#form-controls{margin:20px auto;width:225px}button{position:absolute;left:90%}#buttons,h1{margin:0 auto;width:135px}.rangeLabel{position:relative;display:block;margin:20px auto}#rangeGameSpeed{position:absolute;margin:0 10px}h1{width:max-content;color:#24357e6e}p,ul{width:80%;margin:25px auto;padding:0}li{margin:15px}#back,#forward{position:relative;cursor:pointer;background-repeat:no-repeat;background-size:50%;background-color:#fff6e8;text-align:center;outline:0}#back,#play{background-position:8px}#play{position:relative;cursor:pointer;background-repeat:no-repeat;background-size:50%;background-color:#fff6e8;text-align:center;outline:0}#back{background-image:url(../img/two-fast-forward-arrows1.png)}#forward{background-image:url(../img/two-fast-forward-arrows.png);background-position:11px}.btn-class{display:inline-block;border:1px solid #858585;color:#705d07;border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;width:auto;height:auto;font-size:0;padding:10px 20px;box-shadow:inset 0 1px 0 0 #fff6ce,inset 0 -1px 0 0 #e3c852,inset 0 0 0 1px #fce88d,0 2px 4px 0 #d4d4d4;-moz-box-shadow:inset 0 1px 0 0 #fff6ce,inset 0 -1px 0 0 #e3c852,inset 0 0 0 1px #fce88d,0 2px 4px 0 #d4d4d4;-webkit-box-shadow:inset 0 1px 0 0 #fff6ce,inset 0 -1px 0 0 #e3c852,inset 0 0 0 1px #fce88d,0 2px 4px 0 #d4d4d4;text-shadow:0 1px 0 #fff;background:linear-gradient(to top,#fff0bf,#fff);background-color:#e6e2df}.btn-class:active,.btn-class:hover{border:1px solid #967d09;color:#705d07;box-shadow:inset 0 1px 0 0 #fff6ce,inset 0 -1px 0 0 #e3c852,inset 0 0 0 1px #fce88d;-moz-box-shadow:inset 0 1px 0 0 #fff6ce,inset 0 -1px 0 0 #e3c852,inset 0 0 0 1px #fce88d;-webkit-box-shadow:inset 0 1px 0 0 #fff6ce,inset 0 -1px 0 0 #e3c852,inset 0 0 0 1px #fce88d;background-color:#fff6e8}#play{padding:2px 6px;font-size:14px;top:5px}