body::after{content:url("../images/checkbox-unchecked.png") url("../images/checkbox-checked.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:11px;margin:0;padding:0;user-select:none}#loader{width:305px;height:486px;background-color:#eee;border-radius:5px;padding:10px;z-index:1;font-size:24px}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:20px;margin:4px 0;padding:6px 10px;width:100%}input[type=button]{background-color:#5050d2;border:0;border-radius:4px;color:white;cursor:pointer;font-size:28px;margin:4px 0;padding:7px 10px;width:100%}input[type=button]:hover{background-color:#6161d7}.container{display:block;position:relative;padding-left:30px;margin-bottom:6px;line-height:40px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;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}.container2{display:block;position:relative;padding-left:45px;line-height:40px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container2 input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark2{position:absolute;top:446px;left:62px;height:20px;width:20px;background-color:#fff;border:2px solid #999;border-radius:8px;z-index:3}.container2 input:checked~.checkmark2{background-color:#2196f3;border-color:#2196f3}.checkmark2:after{content:"";position:absolute;display:none}.container2 input:checked~.checkmark2:after{display:block}.container2 .checkmark2:after{left:6px;top:0;width:5px;height:12px;border:solid white;border-width:0 4px 4px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.table{border:0 solid black;overflow:hidden;padding:0;width:325px}.left{float:left;width:123px;padding-left:20px;padding-right:20px}.right{float:right;width:142px;padding-right:20px}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:325px;height:507px;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}#roomHeader{display:none;border:0;width:317px;height:22px;margin:0;padding:0 4px 0 4px;background-color:#eee}#roomHeader1{border:0;width:128px;height:22px;margin:0;padding:0;float:left;font-size:18px}#roomHeader2{border:0;width:189px;height:22px;margin:0;padding:0;color:#90f;text-align:right;float:right;font-size:18px}#canvas{width:325px;height:480px;display:none;position:absolute;left:0;top:22px;z-index:0}#canvas2{width:325px;height:480px;display:none;position:absolute;left:0;top:22px;z-index:1}#canvas3{width:325px;height:480px;display:none;position:absolute;left:0;top:22px;z-index:2}#control-block{display:none}#controls,#controls2{display:none}#breedButton{display:block;position:absolute;left:140px;top:125px;width:135px;height:35px;border-radius:6px;background-color:#4caf50;border:0;color:white;text-align:center;text-decoration:none;font-size:16px}#resetButton{display:block;position:absolute;left:16px;top:400px;width:65px;height:65px}.text{display:block;position:absolute;font-size:18px}.text2{display:block;position:absolute;font-size:12px}#text-genotype{left:7px;top:15px}#text-fur-outer{left:7px;top:44px}#text-ears-outer{left:7px;top:60px}#text-parents{left:175px;top:17px}#text-offspring{left:175px;top:310px}#text-black{left:175px;top:361px}#text-white{left:244px;top:361px}#text-straight{left:58px;top:383px}#text-floppy{left:58px;top:404px}#text-total{left:58px;top:426px}#text-show-percentages{left:93px;top:439px}#text-fur-color{left:195px;top:338px}#text-ear-shape{margin:0;left:-10px;top:372px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);width:85px;height:64px;word-wrap:break-word}#text-table-1{left:188px;top:384px}#text-table-2{left:255px;top:384px}#text-table-3{left:188px;top:404px}#text-table-4{left:256px;top:404px}#text-table-5{left:220px;top:426px}