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: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}.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:1015px;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:610px;height:45px;margin:0;padding:5px 20px 5px 20px;background-color:#eee}#roomHeader1{border:0;width:240px;height:45px;margin:0;padding:0;float:left;font-size:35px}#roomHeader2{border:0;width:370px;height:45px;margin:0;padding:0;color:#90f;text-align:right;float:right;font-size:35px}#canvas{width:650px;height:960px;display:none;position:absolute;left:0;top:45px;z-index:0}#canvas2{width:650px;height:960px;display:none;position:absolute;left:0;top:45px;z-index:1}#canvas3{width:650px;height:960px;display:none;position:absolute;left:0;top:45px;z-index:2}#control-block{display:none}#controls,#controls2{display:none}#breedButton{display:block;position:absolute;left:43%;top:26%;width:269px;height:71px;border-radius:12px;background-color:#4caf50;border:0;color:white;text-align:center;text-decoration:none;font-size:35px}#resetButton{display:block;position:absolute;left:5%;top:60%;width:130px;height:130px}.text{display:block;position:absolute;font-size:37px}.text2{display:block;position:absolute;font-size:26px}#text-genotype{left:15px;top:30px}#text-fur-outer{left:15px;top:87px}#text-ears-outer{left:15px;top:123px}#text-parents{left:350px;top:35px}#text-offspring{left:350px;top:621px}#text-black{left:325px;top:722px}#text-white{left:488px;top:722px}#text-straight{left:115px;top:767px}#text-floppy{left:115px;top:807px}#text-total{left:115px;top:853px}#text-show-percentages{left:186px;top:910px}#text-fur-color{left:360px;top:676px}#text-ear-shape{margin:0;left:-15px;top:745px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);width:170px;height:125px;word-wrap:break-word}#text-table-1{left:360px;top:767px}#text-table-2{left:512px;top:767px}#text-table-3{left:360px;top:807px}#text-table-4{left:512px;top:807px}#text-table-5{left:440px;top:853px}input[type="checkbox"]{content:url('../images/checkbox-unchecked.png');display:block;position:absolute;z-index:3;width:50px;height:50px;left:119px;top:938px}input[type="checkbox"]:checked{content:url('../images/checkbox-checked.png')}input:focus{outline:0}.native-hidden{-webkit-appearance:none;-moz-appearance:none;appearance:none}