#root,body,html{height:100%;position:relative;top:0;left:0;margin:0;padding:0;background-color:#1c2626}body{margin:0;padding: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}.App{width:100%;height:auto;display:flex;flex-flow:column;justify-content:flex-start;align-items:center;text-align:center;background-image:url(/static/media/triangles.f0f0be4a.png);background-size:cover;background-repeat:no-repeat;font-family:Helvetica;text-shadow:1px 1px rgba(28,38,38,.5);padding:0;margin:0;overflow-y:auto;overflow-x:hidden}.App a{margin-left:1em;margin-top:1em}.app-components{flex-direction:column;align-items:center;width:100%;height:100%;padding-bottom:1em;margin-bottom:0}.app-components,.welcome{display:flex;justify-content:center;min-width:550px}.welcome{position:relative;align-items:flex-end;width:80%;height:auto;overflow:hidden}.welcome-text{color:#000;font-family:Raleway;font-size:4em;margin:0}.button{display:inline-block;background:#4285f4;color:#fff;text-transform:uppercase;padding:20px 30px;border-radius:5px;box-shadow:0 17px 10px -10px rgba(0,0,0,.4);cursor:pointer;transition:all .3s ease-in-out}.button:hover{box-shadow:0 37px 20px -20px rgba(0,0,0,.2);-webkit-transform:translateY(-10px) scale(1.2);transform:translateY(-10px) scale(1.2)}@media (min-width:300px) and (min-height:500px){.app-components{min-width:300px}.welcome{min-width:100%}.welcome-text{color:#000;font-family:Raleway;font-size:1.8em!important;margin:5px aut0 5px auto}}@media (max-width:750px){.welcome-text{font-size:3em}}@media screen and (max-width:1100px){.app-components{width:100%;flex-direction:column}.welcome{width:100%}.app a img{width:32px;height:32px}}@media screen and (max-width:1200px){.app-components{width:100%;height:100%}}.shapeContainer{position:relative;border:1px solid #0ab414;margin:10px 0 0;background-color:#fafafa}.shapesDisplayContainer{display:none;text-align:center;flex-flow:column;width:33.3%;margin:0 auto;background-color:initial}#setOfShapesDisplayDiv{justify-content:center;align-items:center;height:100%;width:500px;margin:0;background-color:#fafafa;overflow-y:scroll}svg{border:1px solid #468cce;margin:5px}@media(min-height:300px){#setOfShapesDisplayDiv{height:auto}}.setOfShapesDisplayContainer{display:block;flex-flow:column;align-items:center;justify-content:center;width:500px;margin:0;padding-top:10px;background-color:transparent;overflow:hidden;text-align:center}.setOfShapesDisplay-box{border:1px solid #1c2626;border-top:none;border-radius:1em;padding:.5em}.instructions-box{display:block;padding:0;margin-top:-1em}.instructions{margin:5px;font-size:1.5em;color:#1c2626}.setOfShapesDisplayContainer-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;margin:0;padding:0}.setOfShapesDisplayContainer button:hover{box-shadow:0 37px 20px -20px rgba(0,0,0,.2);-webkit-transform:translateY(-2px) scale(1.1);transform:translateY(-2px) scale(1.1)}@media(max-width:501px){.setOfShapesDisplayContainer{min-width:300px;width:300px;margin-bottom:20px}.instructions{margin:5px;font-size:1em}}.canvas{position:relative!important;border:1px solid grey;margin-top:10px auto 10px auto;background-color:#fafafa;width:500px;touch-action:none}.canvas:hover{cursor:crosshair}@media(min-width:300px) and (min-height:500px){.canvas{width:300px}}@media(min-width:500px) and (min-height:500px){.canvas{width:450px}}@media(min-width:600px) and (min-height:500px){.canvas{width:500px}}@media(min-width:800px) and (min-height:1200px){.canvas{width:500px}}@media(min-width:700px) and (min-height:1000px){.canvas{width:500px}}@media(min-width:1200px) and (min-height:800px){.canvas{width:500px}}.colorButtons{width:100px;color:#fff;font-weight:800;font-size:1em;margin:5px}.canvasButtonGroup{padding-bottom:10px}.color-palette{display:flex;flex-flow:column;align-items:center;justify-content:center;width:110px;height:100%}@media (min-width:300px) and (min-height:500px){.colorButtons{width:52px;height:52px;border-radius:26px!important}.canvasButtonGroup{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:10px;flex-wrap:wrap;width:100%}.color-palette{display:flex;flex-flow:column;align-items:center;justify-content:flex-start;width:300px;height:100%}}@media (min-width:500px) and (min-height:500px){.colorButtons{color:#fff;font-weight:800;font-size:1em}.canvasButtonGroup{padding-bottom:10px;display:flex;flex-direction:row;flex-wrap:wrap}.color-palette{display:flex;flex-flow:column;align-items:center;justify-content:center;width:100%;height:100%}}@media (min-width:700px) and (min-height:1000px){.colorButtons{color:#fff;font-weight:800;font-size:1em}.canvasButtonGroup{padding-bottom:10px;display:flex;flex-direction:row;flex-wrap:wrap}.color-palette{display:flex;flex-flow:column;align-items:center;justify-content:center;width:100%;height:100%}}.canvasContainer{display:flex;justify-content:flex-start;text-align:center;align-items:center;flex-flow:column;width:50%;min-width:500px;height:auto;margin:0;background-color:transparent}.canvasInstructions{margin:5px;font-size:2em;color:#1c2626}.studio{flex-flow:column;height:auto}.canvas-container-button-container,.studio{display:flex;justify-content:center;align-items:center;width:100%}.canvas-container-button-container{flex-flow:row;height:100%}.canvasContainerButton{margin:5px;width:40%;max-width:250px;height:50px;border-radius:8px;text-transform:uppercase;padding:1px;box-shadow:0 12px 10px -10px rgba(0,0,0,.4);cursor:pointer;transition:all .3s ease-in-out;font-weight:700;font-size:1em;color:#1c2626}.canvas-container-button-save-image:disabled{opacity:.3}.canvas-container-button-save-image:disabled:hover{opacity:.3;-webkit-transform:none;transform:none}.canvasContainerButton:hover{box-shadow:0 37px 20px -20px rgba(0,0,0,.2)}.canvas-container-button-clear-canvas{background-color:#94f7ff;border:1px solid #036;color:#036}.canvas-container-button-save-image{background-color:#82e0aa;border:1px solid #4b7a47;color:#4b7a47}@media(max-width:501px){.canvasContainer{min-width:300px;width:100%;border:none}.canvasInstructions{font-size:1.5em}}.footer{height:32px;width:100%;color:#dfd0b7}.footer,.header{display:flex;flex-flow:column;align-content:center;justify-content:center;background-color:#1c2626}.header{height:100px;width:100vw;color:#fff;padding:5px 0;margin:0;overflow:hidden}.link-container{position:relative;width:40px;height:40px;top:-6px}.link-container a{margin:0}.header-line{display:flex;flex-flow:row;align-items:flex-end;justify-content:center;width:100%;overflow:hidden}.header-instruction h2,.header-text h1{margin:0 auto;padding:5ps 0 5px;color:#dfd0b7}.header-text h1{font-size:2.1em}.header-instruction h2{font-size:1.2em}@media(max-width:501px){.link-container{display:none}}
/*# sourceMappingURL=main.b9768d20.chunk.css.map */