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{background-color:#a1a1a1;min-height:100vh}.App{font-size:20px;margin:0 1rem}.App,.App section.select{display:flex;flex-direction:column}.App section.select{padding-bottom:1rem;justify-content:center;text-align:center}.App section.select label{margin-top:1rem;margin-bottom:.3rem}.App section.select input{text-align:center}.App section.select input,.App section.select select{font-size:1rem;border:1px solid #000;border-radius:40px;padding:.3rem 0}.App section.select select{text-align-last:center;text-align:center;-ms-text-align-last:center;-moz-text-align-last:center}.App section.component button{background:#fff;border:1px solid #000;border-radius:5px;padding:.5rem .4rem;margin:1rem;cursor:pointer}.App section.component button.save-json{background-color:#007bff}.App section.component button.get-html{background-color:#28a745}.App section.component button.load-json{background-color:#ffc107}.App section.component button.delete{background-color:#dc3545;padding:.5rem .6rem;position:absolute;top:0;right:0;margin:0}.App section.component button:hover{opacity:.85}.App section.component>div{text-align:center;margin-top:3rem;border:1px solid #000;position:relative;background-color:#e0e0e0}.App section.component>div button{float:right}.App section.component h3{margin:0;padding:0 0 .3rem;border-bottom:1px solid #000;background-color:#fff}.App section.component label{margin-right:.4rem}.App section.component .fullImage{min-height:100px}.App section.component .fullImage label{display:block}.App section.component .fullImage input{text-align:center;font-size:1rem;width:70%}.App section.component .fullText label{display:block}.App section.component .fullText input{width:70%}.App section.component .fullText textarea{width:90%}.App section.component .imageLeftTextRight .content,.App section.component .textLeftImageRight .content{display:flex;flex-direction:row}.App section.component .imageLeftTextRight .content>section,.App section.component .textLeftImageRight .content>section{width:50%}.App section.component .imageLeftTextRight .content>section label,.App section.component .textLeftImageRight .content>section label{display:block}.App section.component .imageLeftTextRight .content>section input,.App section.component .textLeftImageRight .content>section input{width:70%}.App section.component .imageLeftTextRight .content>section textarea,.App section.component .textLeftImageRight .content>section textarea{width:90%}.App section.component .imageLeftTextRight .content>section.section-image,.App section.component .textLeftImageRight .content>section.section-image{margin-top:5rem}.App section.component form.form-load-json{margin-bottom:3rem}.App section.component form.form-load-json textarea{margin-top:2rem;width:99.6%;height:90%}.App section.component form.form-load-json .form-btn-load:disabled{background-color:#eee}.App section.component form.form-load-json .form-btn-load{background-color:#ffc107;bottom:4rem;padding:.5rem 1rem}
/*# sourceMappingURL=main.c8db068c.chunk.css.map */