body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:#f9f9f9}.copyright,.intro_header{position:absolute;top:200px;left:50%;right:50%;font-size:100px;width:100%;text-align:center;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.copyright{top:auto;bottom:20px;font-size:16px}.controls{width:500px;position:absolute;top:50px;right:50px;border:2px solid #e9e9e9;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.controls h3{text-align:center}.colors{display:-moz-box;display:flex;flex-wrap:wrap}.colors div{width:-moz-calc(100%/3);width:calc(100% / 3);background-color:#f2f4f6;display:grid;place-items:center;padding:15px 0;cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;z-index:1111111;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.colors div:hover{background-color:#d8dadd}.colors div:nth-child(odd){background-color:#e9e9e9}.colors div:nth-child(odd):hover{background-color:#d6d4d4}a{color:inherit;text-decoration:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.con-error{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.con-error h3{color:#474747;font-size:40px;margin:15px 0 10px}.sorry{font-size:18px;text-align:center;margin:0}@media only screen and (min-width:280px) and (max-width:320px){.con-error h3{font-size:20px}.sorry{font-size:16px;width:80%}}@media only screen and (min-width:320px) and (max-width:480px){.con-error h3{font-size:20px}.sorry{font-size:16px;width:85%}}@media only screen and (max-width:790px){.con-canvas{display:none}.con-error{display:-moz-box;display:flex}body,html{background-color:#fff}body{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center;height:100vh}}@media only screen and (min-width:791px){.con-error{display:none}}