*{-webkit-box-sizing:border-box;box-sizing:border-box}.content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container{width:100%}#canvasdiv{width:922px;height:502px;margin:0 auto 8px auto;border:1px solid #444;position:relative;background-color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#enddisplay{width:100%;height:30px;z-index:2;display:none;position:absolute}#enddisplay h1{font-size:19px;font-weight:bold;color:#fd8f00;border:none;margin:0;padding:0;text-align:center}#timedisplay{margin:0px 10px 0px 10px}#lfdisplay{margin:0px 10px 0px 10px}.display{width:100%;height:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;font-size:1rem;color:#ddd;text-align:center}.buttons{width:100%;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#settings{width:265px;height:auto;position:absolute;top:100px;margin:0 auto 0 auto;padding:0px 0px 14px 0px;background:#000;border:1px solid #444;border-radius:5px;z-index:3;cursor:default;display:none;opacity:0}#settings p{font-weight:300;font-size:13px;line-height:18px;color:#ddd;text-align:left;margin:0px 0px 0px 18px;width:90%}#infocontent{width:924px;height:auto;position:absolute;top:-2px;left:-2px;padding:0px 0px 12px 0px;background:#000;border:1px solid #444;border-radius:5px;z-index:3;cursor:default;display:none;opacity:0;overflow:hidden}#infocontent p{font-size:16px;line-height:19px;text-align:left;color:#ddd;margin:4px 0px 0px 18px;width:92%;letter-spacing:0.05rem}#infocontent h1,#settings h1{font-size:19px;font-weight:bold;text-align:left;margin:4px 0px 0px 18px;letter-spacing:0.05rem}#infocontent h2,#settings h2{font-size:17px;font-weight:bold;text-align:left;margin:12px 0px 4px 18px;letter-spacing:0.05rem}.but01{width:170px;height:30px;font-family:"RotisSemiSans","Verdana",sans-serif;font-weight:bold;font-size:1rem;color:#aad6f8;text-decoration:none;letter-spacing:0.05rem;padding:0;margin:0 15px 0 15px;cursor:pointer;border:1px solid #444;border-radius:5px;background-image:-webkit-gradient(linear, left top, left bottom, from(#39393d), to(#23232a));background-image:linear-gradient(to bottom, #39393d, #23232a);background-repeat:repeat-x;-webkit-transition:all .25s ease;transition:all .25s ease;outline:none}.but01:hover{color:#fd8f00}.but01:disabled{color:#aaa;cursor:default}.closebutton{width:20px;height:20px;position:relative;float:right;top:8px;right:10px;background-image:url("../svg/close-dark.svg");background-repeat:no-repeat;background-size:20px;background-position:0px 0px;cursor:pointer;-webkit-transition:all .25s ease;transition:all .25s ease}.closebutton:hover{background-image:url("../svg/close-bright.svg");background-repeat:no-repeat}ol{list-style-type:decimal;margin:3px 0px 0px 18px;padding:0;list-style-position:outside}ol li{text-align:left;text-indent:-18px;margin:3px 0px 0px 18px;width:96%;font-size:16px;line-height:19px}.rangeSliderDiv{width:230px}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){#settings{position:absolute;top:100px;left:330px}}.brightmode #canvasdiv{border:1px solid #ccc}.brightmode #enddisplay h1{color:#fd8f00}.brightmode .display{color:#000}.brightmode #settings{background:#f7f7f7;border:1px solid #ccc}.brightmode #settings p{color:#000}.brightmode #infocontent{background:#f7f7f7;border:1px solid #ccc}.brightmode #infocontent p{color:#000}.brightmode .but01{color:#2472b9;border:1px solid #ccc;background-image:-webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#aeaeb5));background-image:linear-gradient(to bottom, #e7e7e7, #aeaeb5);background-repeat:repeat-x}.brightmode .but01:hover{color:#fd8f00}.brightmode .but01:disabled{color:#aaa;cursor:default}