#drawer,#page-content,#drawer-toggle,#drawer-toggle-label{-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;margin:0;padding:0;-webkit-text-size-adjust:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}#drawer-toggle{position:absolute;opacity:0}#drawer-toggle-label{position:absolute;left:0px;padding:15px;background-color:rgba(0,0,0,0.8);border-bottom-right-radius:5px;border-top-right-radius:5px;border-left:0;color:white;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none;margin-top:30px;z-index:1;cursor:pointer}#backer{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.8;z-index:-100}#drawer{position:fixed;top:0;left:-450px;height:100%;width:450px;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;padding:0;background-color:rgba(0,0,0,0.8);text-align:center;color:#fff}#drawer-toggle:checked ~ #drawer-toggle-label,#drawer-toggle:checked ~ header{opacity:0;width:0}#drawer-toggle:checked ~ #drawer{left:0px}#drawer ul{list-style-type:none}#drawer ul a{display:block;padding:10px;color:#c7c7c7;text-decoration:none}#drawer ul a:hover{color:white}.logo_holder{display:flex;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center}.logo1{height:50px;margin:5px 8px 5px 30px}.logo2{height:50px;margin:8px 5px}.icn_close{position:absolute;right:0;top:0;text-align:center;display:block;height:55px;width:55px;cursor:pointer;color:white;font-size:40px;margin:9px;background:rgba(80,80,80,0.4)}#icn_close:hover{background:rgba(10,60,120,0.4)}@media all and (max-width: 550px){#drawer-toggle:checked ~ #drawer-toggle-label,#drawer-toggle:checked ~ header{width:0;opacity:0}#drawer-toggle:checked ~ #drawer{width:100%}#drawer-toggle:checked ~ #page-content{margin-left:100%}.logo1{height:42px;margin:5px 5px 5px 30px}.logo2{height:42px;margin:5px 5px}}.onoffswitch{position:relative;width:88px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.onoffswitch-checkbox{display:none}.onoffswitch-label{display:block;overflow:hidden;cursor:pointer;border:2px solid #FFFFFF;border-radius:20px}.onoffswitch-inner{display:block;width:200%;margin-left:-100%;transition:margin 0.3s ease-in 0s}.onoffswitch-inner:before,.onoffswitch-inner:after{display:block;float:left;width:50%;height:30px;padding:0;line-height:30px;font-size:12px;color:white;font-family:Trebuchet, Arial, sans-serif;font-weight:bold;box-sizing:border-box}.onoffswitch-inner.sh:before{content:"HIDE";text-align:left;padding-left:10px;background-color:#1043DA;color:#FFFFFF}.onoffswitch-inner.sh:after{content:"SHOW";padding-right:10px;background-color:none;color:#FFFFFF;text-align:right}.onoffswitch-inner.stsp:before{content:"STOP";text-align:left;padding-left:10px;background-color:#1043DA;color:#FFFFFF}.onoffswitch-inner.stsp:after{content:"START";padding-right:10px;background-color:none;color:#FFFFFF;text-align:right}.onoffswitch-switch{display:block;width:21px;margin:6.5px;background:#FFFFFF;position:absolute;top:0;bottom:0;right:54px;border:2px solid #FFFFFF;border-radius:20px;transition:all 0.3s ease-in 0s}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{margin-left:0}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{right:0px}.onoffswitch-inner.aut:before{content:"OFF";text-align:left;padding-left:10px;background-color:#d21926;color:#FFFFFF}.onoffswitch-inner.aut:after{content:"AUTO";padding-right:10px;background-color:none;color:#FFFFFF;text-align:right}.onoffswitch-inner.off_on:before{content:"ON";text-align:left;padding-left:10px;background-color:#1043DA;color:#FFFFFF}.onoffswitch-inner.off_on:after{content:"OFF";padding-right:10px;background-color:none;color:#FFFFFF;text-align:right}.btn{display:inline-block;text-align:center;text-decoration:none;font-size:130%;margin:2px 0;border:solid 2px white;border-radius:10px;padding:0.5em 1em;color:#fff;background:none;cursor:pointer;width:auto}.hovered{color:#000;border:solid 2px #000;background:#fff}.btn_r{display:inline-block;text-align:center;text-decoration:none;font-size:100%;margin:2px 0;border:solid 2px white;border-radius:10px;padding:0.5em 1em;color:#fff;background:none;cursor:pointer;width:auto}.hovered_r{background:#1043DA}.tablinks{display:inline-block;text-align:center;text-decoration:none;font-size:100%;padding:1em 0em;border:none;color:#fff;background:none;cursor:pointer;width:100%;transition:0.3s}.tablinks.active{color:#fff;background:#1043DA}.tabcontent{color:#fff;display:none;animation:fadeEffect 0.5s}@keyframes fadeEffect{from{opacity:0}to{opacity:1}}#tab_Controls{border-right:1px solid #fff;border-top:2px solid #fff;border-bottom:2px solid #fff}#tab_About{border-left:1px solid #fff;border-top:2px solid #fff;border-right:1px solid #fff;border-bottom:2px solid #fff}#tab_Survey{border-left:1px solid #fff;border-top:2px solid #fff;border-bottom:2px solid #fff}@media all and (max-width: 550px){.tablinks{font-size:80%}}a{color:#ffb400;text-decoration:none;font-family:sans-serif;font-size:100%}a:hover{color:#777}span.t1{color:#fff;font-family:sans-serif;font-size:100%}span.t2{color:#aaa;font-family:sans-serif;font-size:100%}span.tt1{color:#fff;font-family:sans-serif;font-size:270%}span.tt2{color:#fff;font-family:sans-serif;font-size:135%}span.sm{color:#fff;font-family:sans-serif;font-size:70%}p{padding:0 30px}h1{margin:0;padding:10px 0 10px 30px;font-size:140%}h2{margin:0;padding:10px 0 10px 30px}.abs{position:absolute;top:0px;left:0px}.rel{position:relative}#grains{position:absolute;top:0px;left:0px}#cells{position:absolute;top:0px;left:0px}#delaunay{position:absolute;top:0px;left:0px}#ip{position:absolute;top:0px;left:0px}#gl{position:absolute;top:0px;left:0px}#bg{position:absolute;top:0px;left:0px}#zm{position:absolute;left:0px;top:0px}#stats{position:absolute;right:0;top:0;width:160px;height:100%;background:#fff;opacity:0.8;padding:10px;z-index:100;display:none;overflow-y:scroll}#externalLink{display:inline-block}.ext{float:left;line-height:40px;padding:0 0 0 30px}#auto_text{visibility:hidden}#flow_dir{cursor:pointer;width:60%;height:auto;max-width:300px}.spacer.s0{min-height:30px}.spacer.s1{min-height:10px}.spacer.s2{min-height:60px}.spacer.s3{min-height:40px}.row{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;padding:5px 0}.col{display:flex;flex-direction:column;flex-basis:100%;flex:1;justify-content:space-between;align-items:center}.dye_col{position:relative;width:90%;height:30px;border:2px solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer}#dye_0{border:2px solid #fff;background-image:linear-gradient(to right, #b1924b, #f9c98f)}#dye_1{background-image:linear-gradient(to right, #0c2438, #4c8cd4)}#dye_2{background-image:linear-gradient(to right, #5a497e, #905369)}#dye_3{background-image:linear-gradient(to right, #555, #ddd)}.lft{text-align:left}.pd{padding:20px 40px}ul{color:white;list-style-type:none}li{padding:5px 0;font-size:130%}.splash-holder{height:100%;padding:0;margin:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center}.splash-row{width:100%;text-align:center}.splash{margin:0;padding:20px 0}h1.splash{color:#fff;font-family:sans-serif;font-size:180%}h3.splash{color:#fff}ol.splash{color:#fff;font-family:sans-serif;font-size:135%;display:inline-block}#contam_splash{display:none}#instructions{display:none}.list-box{margin:0 0 20px 0}.list-holder{background-color:rgba(0,0,0,0.6);border:1px solid white;max-width:550px;margin:0 auto;padding:20px;width:100%;font-size:80%;color:white;border-radius:10px}#blocker{position:absolute;width:100%;height:100%;top:0px;left:0px;background-color:rgba(0,0,0,0.6)}.fadeout{-webkit-animation:fadeout 0.8s;-moz-animation:fadeout 0.8s;-ms-animation:fadeout 0.8s;-o-animation:fadeout 0.8s;animation:fadeout 0.8s}@keyframes fadeout{from{opacity:1}to{opacity:0}}@-moz-keyframes fadeout{from{opacity:1}to{opacity:0}}@-webkit-keyframes fadeout{from{opacity:1}to{opacity:0}}@-ms-keyframes fadeout{from{opacity:1}to{opacity:0}}@-o-keyframes fadeout{from{opacity:1}to{opacity:0}}.ratio-container{position:relative}.ratio-container:after{content:'';display:block;height:0;width:100%}.ratio-container>*{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.lightbox{display:none;position:fixed;z-index:999;width:100%;height:100%;text-align:center;top:0;left:0;background:#000}.lgt_holder{display:flex;flex-direction:column;flex-wrap:no-wrap;height:100%;width:100%;align-items:center;justify-content:center}.lbx{color:#fff;font-family:sans-serif;font-size:100%;max-width:100%}.lightbox img{max-width:95%;max-height:80%}.lightbox:target{outline:none;display:block}@media screen and (min-width: 768px){h1.splash{font-size:270%}.lbx{max-width:80%}.lightbox img{max-width:90%}.list-holder{max-width:640px}.list-holder li{font-size:150%;margin-top:10px}}html,body{height:100%;overflow:hidden;font-family:sans-serif;margin:0;padding:0}body{background:#fff}