body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{padding:20px}nav ul{list-style-type:none;padding:0}nav li{display:inline;margin-right:20px}nav a{text-decoration:none;color:#007bff}nav a:hover{text-decoration:underline}.floating_color_box{box-sizing:border-box;position:absolute;align-items:center;display:flex;flex-direction:column;justify-content:center}#choose_color_container{align-content:space-around;background-color:#000;display:flex;height:96vh;flex-direction:row;flex-wrap:wrap;justify-content:space-between;left:2vw;position:fixed;top:2vh;transform:scaleY(0);-webkit-transform:scaleY(0);transition:transform .15s ease-in-out;width:96vw;z-index:100}#get_name_container{align-content:center;align-items:center;color:#fff;display:flex;height:90vh;flex-direction:row;flex-wrap:wrap;justify-content:center;left:5vw;position:fixed;text-align:center;top:5vh;transform:scaleY(0);-webkit-transform:scaleY(0);transition:transform .15s ease-in-out;width:90vw;z-index:100}#wrapper{background-color:#000;color:#fff;display:block;left:0;position:absolute;top:0}.button{-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;border-top:1px solid #0a2333;-moz-box-shadow:rgba(0,0,0,1) 0 1px 0;-webkit-box-shadow:rgba(0,0,0,1) 0 1px 0;box-shadow:#000 3px 7px 10px;color:#000;font-family:‘Arial Narrow’,sans-serif;font-size:1.75vh;font-weight:700;height:10vh;text-align:center;text-decoration:none;text-shadow:rgba(0,0,0,.4) 0 1px 0;vertical-align:middle;width:10vh;display:flex;flex-direction:column;justify-content:center}.button:focus{background:#00aaff;border-top-color:#0af;color:#fff}.choose_color_container_is_open,.get_name_container_is_open{transform:scaleY(1)!important;-webkit-transform:scaleY(1)!important}.pick_color_box{align-items:center;color:#000;display:flex;flex-direction:column;height:10vw;justify-content:center;width:20vw}.floating_color_box{box-sizing:border-box;color:#000;position:absolute;align-items:center;display:flex;flex-direction:column;justify-content:center}input[type=text]{border:2px solid #ccc;-webkit-border-radius:5px;border-radius:5px;padding:5px;width:40vw}input[type=text]:focus{border-color:#333}input[type=submit]{background:#6699ff;border:0 none;border-radius:5px;-webkit-border-radius:5px;cursor:pointer;height:5vh;padding:5px 15px;width:20vw}body{background-color:#000;overflow-x:hidden;overflow-y:hidden;position:fixed}*{border:0;margin:0;padding:0}#change_grid_container{color:#fff;margin:2px}#options_container{bottom:0;display:flex;flex-direction:column;position:absolute;margin:3px}#seed_canvas_container{color:#fff;margin:2px}#tasks_container{align-items:center;display:flex;flex-direction:column;height:80vh;justify-content:space-around;left:5vw;position:absolute;top:5vh;width:90vw}#wrapper{background-color:#000;display:block;left:0;position:absolute;top:0}.button{-moz-box-shadow:inset 6px -9px 7px -7px #29bbff;-webkit-box-shadow:inset 6px -9px 7px -7px #29bbff;box-shadow:inset 6px -9px 7px -7px #29bbff;background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#86cdf7),color-stop(1,#0889fa));background:-moz-linear-gradient(top,#86cdf7 5%,#0889fa 100%);background:-webkit-linear-gradient(top,#86cdf7 5%,#0889fa 100%);background:-o-linear-gradient(top,#86cdf7 5%,#0889fa 100%);background:-ms-linear-gradient(top,#86cdf7 5%,#0889fa 100%);background:linear-gradient(to bottom,#86cdf7 5%,#0889fa 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#86cdf7",endColorstr="#0889fa",GradientType=0);background-color:#86cdf7;-moz-border-radius:11px;-webkit-border-radius:11px;border-radius:11px;border:5px solid #3e86de;display:inline-block;cursor:pointer;color:#000;font-family:Courier New;font-size:20px;padding:9px 23px;text-decoration:none;text-shadow:-1px 1px 4px #263666}.button:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#0889fa),color-stop(1,#86cdf7));background:-moz-linear-gradient(top,#0889fa 5%,#86cdf7 100%);background:-webkit-linear-gradient(top,#0889fa 5%,#86cdf7 100%);background:-o-linear-gradient(top,#0889fa 5%,#86cdf7 100%);background:-ms-linear-gradient(top,#0889fa 5%,#86cdf7 100%);background:linear-gradient(to bottom,#0889fa 5%,#86cdf7 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0889fa",endColorstr="#86cdf7",GradientType=0);background-color:#0889fa}.button:active{position:relative;top:1px}#seed_submit{background:#ffccff}#change_grid_submit{background:yellow}input[type=submit]{border:0 none;border-radius:5px;-webkit-border-radius:5px;cursor:pointer;height:5vh;width:20vw}