body::after{content:url("../images/play-button.png") url("../images/reset-button.png") url("../images/pause-button.png");height:0;overflow:hidden;position:absolute;width:0;z-index:-1}html{border:0;height:0;margin:0;padding:0}body{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;border:0;font-family:sans-serif;font-size:18px;margin:0;padding:0;user-select:none}#loader{background-color:#eee;border-radius:5px;height:504px;padding:20px;z-index:1;width:600px;font-size:40px}input{-moz-appearance:none;-webkit-appearance:none;appearance:none}input[type=text],select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:inline-block;font-size:30px;margin:8px 0;padding:12px 20px;width:100%}input[type=button]{background-color:#5050d2;border:0;border-radius:4px;color:white;cursor:pointer;font-size:40px;margin:8px 0;padding:14px 20px;width:100%}input[type=button]:hover{background-color:#6161d7}#controls,#controls2{display:none}.container{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:pointer;display:block;font-size:22px;margin-bottom:12px;padding-left:35px;position:relative;user-select:none}.container input{cursor:pointer;opacity:0;position:absolute}.checkmark{background-color:#eee;border-radius:50%;height:25px;left:0;position:absolute;top:0;width:25px}.container:hover input~.checkmark{background-color:#ccc}.container input:checked~.checkmark{background-color:#2196f3}.checkmark:after{content:"";display:none;position:absolute}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{background:white;border-radius:50%;height:8px;left:9px;top:9px;width:8px}.table{border:0 solid black;overflow:hidden;padding:0;width:650px}.left{float:left;width:325px}.right{float:right;width:325px}h2{margin:10px 0 10px 0}#playToggle{float:left}#seconds{border-style:solid;border-width:2px;float:left;font-size:26px;height:80px;margin-left:10px;padding-top:40px;text-align:center;width:180px;word-wrap:break-word}.messageA,.messageB{border-radius:25px;position:relative;margin:10px 0;padding:10px;width:380px;font-size:30px;display:inline-block;word-wrap:break-word}.messageA{left:20px;background-color:#caeaf0;opacity:1;z-index:2}.messageB{left:150px;background-color:#f8e896;opacity:1;z-index:2}p.timestampA,p.timestampB{display:inline;position:relative;font-size:26px;color:#fff}p.timestampA{left:30px;z-index:2}p.timestampB{left:140px;z-index:2}#chatBox{width:100%;height:340px;overflow-y:scroll;border-style:solid;border-width:1px;font-size:24px;z-index:2}textarea{width:460px;height:150px;font-size:30px;float:left;margin-left:20px;padding:10px 20px}#reset{width:100px;height:100px;border:1px solid black;float:right}.reset1{background:white;-webkit-transition:background 5s;transition:background 5s}.reset2{background:#c8e9ef}#chat{display:none;position:absolute;left:0;bottom:0;width:650px;z-index:2}#chatHeader{background-color:#5050d2;color:white;cursor:pointer;width:100%;border:0;text-align:center;outline:0;font-size:30px;top:0;margin:0;height:80px;line-height:80px}#chatWindow{height:0;-webkit-transition:.25s linear;-moz-transition:.25s linear;-ms-transition:.25s linear;-o-transition:.25s linear;transition:.25s linear;display:none;overflow:hidden}#appContainer{width:650px;height:644px;position:relative;display:block}#chatTexting{width:100%;height:224px;background-color:#eee}#chatBoxContainer{display:none;position:absolute;width:100%;height:341px;left:0;top:80px;background-color:#000;opacity:.3;z-index:1}