body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#3d4853;font-family:Poppins,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;text-align:left;text-align:initial}main{box-sizing:border-box;display:inline-block;margin-left:20vw;position:absolute;right:0;top:0;width:70vw;z-index:0}.gradient{height:100vh;position:relative;width:100%}.scroll{bottom:0;margin:2%;position:absolute;right:0}@media only screen and (max-width:600px){h1{width:90%}h2{font-size:1rem}main{margin-left:40vw;width:60vw}}#arrowR5{visibility:hidden}@media only screen and (max-width:768px){#arrowR5{display:none}}.background{background-color:rgba(0,0,0,.2);bottom:0;left:0;right:0;top:0}.background,.modal{position:fixed;z-index:5}.modal{align-items:center;background-color:#fff;border-radius:1rem;display:flex;flex-direction:column;left:50%;padding:5%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40%}form label{font-size:1em;font-weight:700}form input{border:1px solid #3d4853;border-radius:.5rem;font-family:Poppins,sans-serif;font-size:1em;margin-bottom:5%;padding:0 .5rem;width:97%}.closeButton{align-self:flex-end;border:none;font-weight:700;height:1rem;margin-bottom:5%;width:1rem}.formButton:enabled{background-color:#3d4853;color:#fff}@media only screen and (max-width:600px){.modal{width:60%}}.sidebar{background-color:#fff;bottom:0;box-sizing:border-box;float:left;overflow:auto;padding:2.5%;position:fixed;top:0;width:30vw;z-index:1}h1{font-size:1.5rem}h2{font-size:1rem}.colors{display:flex}button,input{height:2rem;margin:1%;width:5rem}button{background-color:#fff;border:solid #f1f4f8;border-radius:.5rem;color:#3d4853;font-family:Poppins,sans-serif}button:hover:enabled{background-color:#f1f4f8;cursor:pointer}.getButton{background-color:#f1f4f8;font-weight:600;height:3rem;margin-top:5%;width:100%}.getButton:hover:enabled{background-color:#3d4853;color:#fff}input{border:none}input::-webkit-color-swatch{border:none;border-radius:.25rem}input::-moz-color-swatch{border:none;border-radius:.25rem}@media only screen and (max-width:600px){.sidebar{width:40vw}h1{font-size:1rem}h2{font-size:.7rem}button,input{width:45%}.colors{display:block}}.templatesSection{height:100%;margin:3% 0 0 5%;width:95%}.templates{grid-row-gap:1.5rem;display:grid;grid-template-columns:repeat(3,30%);justify-content:space-between;margin:0 5% 5% 0}.template{align-items:center;display:flex;flex-direction:column;width:100%}figcaption{margin-top:.5rem;text-align:center}.oneTemplate{height:10rem;margin:0;width:100%}@media only screen and (max-width:600px){.templates{grid-template-columns:repeat(1,90%);justify-content:center}}
/*# sourceMappingURL=main.3f9e7cc2.css.map*/