@import url(https://fonts.googleapis.com/css2?family=Oswald&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poor+Story&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand&display=swap);*,:after,:before{box-sizing:border-box;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#073857;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.components{display:flex;flex-direction:column;height:100%;min-height:85vh}.footer{color:#fff;padding:20px}.footer a{color:#fff;text-decoration:none}.app-bar{color:#f5f5f5;font-family:Oswald,sans-serif;font-size:25px;font-weight:700;letter-spacing:2px;padding:10px 15px;width:100%}.page-selector{grid-gap:10px;display:grid;grid-area:page;grid-template-columns:repeat(auto-fill,150px);justify-content:space-between;justify-items:center;padding:10px}.page-selector:after{content:"";flex:auto}.page-selector .dragndrop{align-items:center;border:3px dashed;border-radius:5px;color:#fff;cursor:pointer;display:flex;height:80%;margin-top:10px;min-height:211px;text-align:center;width:100%}.bigp,.smallp{color:#ddd;font-size:20px;font-weight:700;padding:10px;width:100%}.smallp .page-selector{display:flex;overflow-x:scroll}.smallp .dragndrop{min-width:150px;width:150px}.page-selector::-webkit-scrollbar{height:10px}.page-selector::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.page-selector::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.page-selector::-webkit-scrollbar-thumb:hover{background:#555}.Page{border-radius:5px;color:#fff;display:flex;flex-direction:column;font-family:Poor Story,cursive;font-size:22px;height:250px;margin:7px;text-align:center;width:150px}.Page:hover{background-color:#ffffff52;cursor:pointer;padding:7px 7px 5px}.Page.selected{background-color:#006fb5;padding:7px 7px 5px}.Page img{border-radius:5px;height:250px;object-fit:cover;object-position:left;padding-bottom:2px;width:auto}.font-selector{grid-gap:10px;align-items:center;display:grid;grid-area:page;grid-template-columns:repeat(auto-fill,150px);justify-content:space-between;justify-items:center;padding:10px}.font-selector:after{content:"";flex:auto}.font-selector .dragndrop{align-items:center;border:3px dashed;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:80px;text-align:center;width:100%}.bigf,.smallf{color:#ddd;font-size:20px;font-weight:700;padding:10px;width:100%}.smallf .font-selector{display:flex;overflow-x:scroll}.smallf .dragndrop{font-size:16px;margin-top:0;min-width:150px}.font-selector::-webkit-scrollbar{height:10px}.font-selector::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.font-selector::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.font-selector::-webkit-scrollbar-thumb:hover{background:#555}.Font{border:3px solid #fff;border-radius:5px;color:#fff;display:flex;flex-direction:column;font-size:20px;height:80px;justify-content:center;margin:7px;min-width:150px;text-align:center}.Font:hover{background-color:#ffffff52;cursor:pointer;padding-bottom:5px}.Font.selected{background-color:#006fb5;padding-bottom:5px}.editor{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-evenly}.editor__controls,.output{padding:10px;position:relative;width:50%}.output{align-items:center;display:flex;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.output_group{margin-bottom:20px}.output_group span{margin-right:15px;position:absolute}.output_group img{display:block;max-height:80vh;max-width:50vw}.editor__controls textarea{border-radius:10px;font-family:Quicksand,sans-serif;font-size:16px;height:150px;padding:3px;resize:none;width:100%}textarea::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#757575;border:4px solid transparent;border-radius:8px}textarea::-webkit-scrollbar{width:16px}.padding_slider{border:3px solid #d8d4f2;border-radius:10px;color:#fff;font-size:18px;font-weight:700;margin-top:15px;padding:15px}.alignment{color:#fff;display:flex;flex-direction:column;font-size:16px;font-weight:400;margin-top:5px}.alignment div{display:flex;font-size:20px;justify-content:space-between;padding:5px;width:50%}.alignment div svg{cursor:pointer;padding:5px}.alignment div svg.active{background-color:#006fb5;border-radius:5px}input[type=color]{-webkit-appearance:none;appearance:none;border:none;border-radius:5px;height:30px;margin-top:3px;width:100%}input[type=color]::-webkit-color-swatch-wrapper{padding:3px}@-webkit-keyframes button-shadow{0%{bottom:-5px;opacity:1;right:-5px;-webkit-transform:rotate(0);transform:rotate(0)}to{bottom:50px;opacity:0;right:-60px;-webkit-transform:rotate(40deg);transform:rotate(40deg)}}@keyframes button-shadow{0%{bottom:-5px;opacity:1;right:-5px;-webkit-transform:rotate(0);transform:rotate(0)}to{bottom:50px;opacity:0;right:-60px;-webkit-transform:rotate(40deg);transform:rotate(40deg)}}@-webkit-keyframes button-arrow-rotate{0%{margin:-25px auto 0;width:15px}1%{height:0;margin-top:15px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:10px}to{height:35px;margin-top:15px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:10px}}@keyframes button-arrow-rotate{0%{margin:-25px auto 0;width:15px}1%{height:0;margin-top:15px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:10px}to{height:35px;margin-top:15px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:10px}}@-webkit-keyframes button-arrow-down{0%{bottom:-25px;opacity:1}to{bottom:-40px;opacity:0}}@keyframes button-arrow-down{0%{bottom:-25px;opacity:1}to{bottom:-40px;opacity:0}}@-webkit-keyframes button-arrow-up{0%{height:20px;right:-7px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}1%{height:10px;right:0;-webkit-transform:rotate(0);transform:rotate(0);width:0}to{height:10px;right:0;-webkit-transform:rotate(0);transform:rotate(0);width:20px}}@keyframes button-arrow-up{0%{height:20px;right:-7px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}1%{height:10px;right:0;-webkit-transform:rotate(0);transform:rotate(0);width:0}to{height:10px;right:0;-webkit-transform:rotate(0);transform:rotate(0);width:20px}}@media screen and (max-width:620px){.editor{flex-direction:column}.editor__controls,.output{width:95%}.output_group{width:100%}.output_group img{max-width:100%}}input[type=range]{-webkit-appearance:none;appearance:none;border-radius:25px;margin:10px 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:#7c90f4e9;border:0 solid #000101;border-radius:25px;box-shadow:0 0 0 #000,0 0 0 #0d0d0d;cursor:pointer;height:12.8px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#006fb5;border:0 solid #000;border-radius:7px;box-shadow:0 0 0 #000,0 0 0 #0d0d0d;cursor:pointer;height:20px;margin-top:-3.6px;width:39px}input[type=range]:focus::-webkit-slider-runnable-track{background:#7c90f4e9}input[type=range]::-moz-range-track{animation-duration:.2s;background:#7c90f4e9;border:0 solid #000101;border-radius:25px;box-shadow:0 0 0 #000,0 0 0 #0d0d0d;cursor:pointer;height:12.8px;width:100%}input[type=range]::-moz-range-thumb{background:#006fb5;border:0 solid #000;border-radius:7px;box-shadow:0 0 0 #000,0 0 0 #0d0d0d;cursor:pointer;height:20px;width:39px}input[type=range]::-ms-track{animation-duration:.2s;background:transparent;border-color:transparent;border-width:39px 0;color:transparent;cursor:pointer;height:12.8px;width:100%}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#7c90f4e9;border:0 solid #000101;border-radius:50px;box-shadow:0 0 0 #000,0 0 0 #0d0d0d}input[type=range]::-ms-thumb{background:#006fb5;border:0 solid #000;border-radius:7px;box-shadow:0 0 0 #000,0 0 0 #0d0d0d;cursor:pointer;height:20px;width:39px}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#7c90f4e9}.c_slider{padding-top:10px}.c_slider p{color:#fff;font-size:16px;font-weight:400}.btn-slide,.btn-slide2{background:#fdfdfd;border:2px solid #09c;border-radius:50px;cursor:pointer;display:inline-block;height:50px;line-height:50px;margin:10px;padding:0;position:relative;transition:.5s;width:200px}.btn-slide2{border:2px solid #006fb5}@media screen and (min-width:620px){.btn-slide:hover{background-color:#09c}.btn-slide2:hover{background-color:#006fb5}.btn-slide2:hover span.circle2,.btn-slide:hover span.circle{background-color:#fdfdfd;color:#09c;left:100%;margin-left:-45px}.btn-slide2:hover span.circle2{color:#006fb5}.btn-slide2:hover span.title2,.btn-slide:hover span.title{left:40px;opacity:0}.btn-slide2:hover span.title-hover2,.btn-slide:hover span.title-hover{left:40px;opacity:1}}.btn-slide span.circle,.btn-slide2 span.circle2{background-color:#09c;border-radius:50%;color:#fff;display:block;float:left;height:40px;left:0;line-height:42px;margin:5px;position:absolute;top:0;transition:.5s;width:40px}.btn-slide2 span.circle2{align-items:center;background-color:#006fb5;display:flex;justify-content:center}.btn-slide span.title,.btn-slide span.title-hover,.btn-slide2 span.title-hover2,.btn-slide2 span.title2{color:#30abd5;font-size:16px;font-weight:700;left:90px;margin:0 auto;position:absolute;text-align:center;transition:.5s}.btn-slide2 span.title-hover2,.btn-slide2 span.title2{color:#006fb5;left:80px}.btn-slide span.title-hover,.btn-slide2 span.title-hover2{color:#fff;left:80px;opacity:0}
/*# sourceMappingURL=main.e0a41f24.css.map*/