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}.App{display:flex;align-items:stretch;width:100%;min-height:100vh;background-color:#333}h1{font-size:3rem;color:#faa916}h1,h2{font-family:"Pacifico",cursive}h2{font-size:2rem;color:#fff}h3{font-size:1.2rem;font-weight:700}h3,h4{font-family:"Roboto",sans-serif;color:hsla(0,0%,100%,.75)}h4{display:inline;font-size:1rem}.flexCenter{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.Sidebar{display:flex;flex-direction:column;justify-content:flex-start;width:25%;min-width:280px;background-color:#333;padding:2rem}.sidebarTitle{width:100%;text-align:center;margin:4rem 0}.buttonContainer{flex-grow:1;display:flex;flex-direction:column;justify-content:center;margin-bottom:2rem}.Button{width:100%;display:flex;align-items:stretch;margin:.5rem 0;box-shadow:0 4px 4px rgba(0,0,0,.25);cursor:pointer;transition:transform .1s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.Button:active{transform:scale(.98)}.ButtonText{width:80%;padding:1rem;text-align:center;background-color:#f46036;border-top-left-radius:2rem;pointer-events:none}.ButtonState{opacity:.8;width:25%;background-color:#3dc272}.disabled{background-color:#8b8b8b}.Slider{width:100%;margin:3rem 0 1rem;pointer-events:all}.sliderInput{width:100%;-webkit-appearance:none;height:.5rem;border-radius:.25rem;background:#fff;outline:none}.sliderInput::-webkit-slider-thumb{-webkit-appearance:none;width:2.5rem;height:2.5rem;background:#f46036;cursor:pointer;border-radius:50%;box-shadow:0 4px 4px rgba(0,0,0,.25);margin:0;padding:0}.WordCounter{display:flex;justify-content:flex-end;width:100%;margin:2rem 0}.Main{align-items:center;background-color:#57467b;padding:2rem 3rem 0;border-top-left-radius:100px}.Main,.resultContainer{display:flex;flex-direction:column;justify-content:center;width:100%}.resultContainer{max-width:1200px;flex-grow:1;margin:3rem 0}.cellContainer{flex-grow:1}.Header{display:flex;align-items:flex-end;position:relative}.TextInput{position:relative;width:100%;border-bottom:4px solid #fff;margin-left:2rem}.TextInput input{border:none;box-sizing:border-box;background-image:none;background-color:transparent;box-shadow:none;width:100%;min-width:20rem;outline:none;font-size:6rem;color:#fff;margin-bottom:2px;padding-left:5rem}.TextInput input::-webkit-input-placeholder{font-family:inherit;font-family:"Pacifico",cursive;font-weight:lighter;font-size:.5em;opacity:.5}.TextInput input:-ms-input-placeholder{font-family:inherit;font-family:"Pacifico",cursive;font-weight:lighter;font-size:.5em;opacity:.5}.TextInput input::-ms-input-placeholder{font-family:inherit;font-family:"Pacifico",cursive;font-weight:lighter;font-size:.5em;opacity:.5}.TextInput input::placeholder{font-family:inherit;font-family:"Pacifico",cursive;font-weight:lighter;font-size:.5em;opacity:.5}.Result{width:100%;height:70%;max-height:400px;position:relative;background-color:#faa916;border-top-right-radius:1rem;border-top-left-radius:150px;display:flex;flex-direction:column;justify-content:center;color:hsla(0,0%,100%,.258);font-size:1.5rem;font-family:"Roboto",sans-serif}.resultTitle{width:100%;text-align:center;margin:1rem}.cellContainer{overflow:auto}.cellContainer::-webkit-scrollbar{display:none}@-webkit-keyframes load{0%{transform:scale(.2);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(.2);opacity:0}}@keyframes load{0%{transform:scale(.2);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(.2);opacity:0}}.loading_ON{width:30px;height:30px;border-radius:50%;background-color:rgba(61,194,114,.4);-webkit-animation:load .8s;animation:load .8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.loadingContainer{position:absolute;display:flex;align-items:center;justify-content:center;top:0;left:0;right:0;display:block;border-radius:50%;width:40px;height:40px;border:5px solid rgba(0,0,0,.123)}#oops{-webkit-animation:popin .2s 1;animation:popin .2s 1}.Cell{display:flex;align-items:center;background-color:#3dc272;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:1rem;border-top-right-radius:0;border-bottom-right-radius:0;margin:.5rem;-webkit-animation:popin .3s;animation:popin .3s;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes popin{0%{transform:scale(0)}80%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes popin{0%{transform:scale(0)}80%{transform:scale(1.05)}to{transform:scale(1)}}.saved{background-color:#333}.cellText{padding:.75rem 1.5rem}.AddRemove{padding:1rem 1.5rem;background-color:hsla(0,0%,100%,.3);cursor:pointer}.AddRemove:hover{background-color:rgba(255,240,27,.3)}.Saved{display:flex;flex-direction:column;justify-content:center;width:100%;height:30%;max-height:250px;background-color:#8b8b8b;border-bottom-left-radius:1rem;border-bottom-right-radius:150px}.savedTitle{width:100%;text-align:center;margin:1rem}
/*# sourceMappingURL=main.f951daf5.chunk.css.map */