@import url(https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap);*{padding:0}html{background:linear-gradient(159deg,#833ab4,#fd1d1d 50%,#fcb045);min-height:100vh}body{background:none;font-family:Chelsea Market,cursive}.step-container{padding:20px 0}.step-subtitle{color:#fcb045;font-size:20px;text-align:left;text-shadow:#000 1px 0 10px}.step-main-container{background:#fff;border:3px solid #fcb045;border-radius:5px;box-shadow:0 9px 28px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);padding:10px}.App{margin:auto;max-width:1140px;padding:50px 50px 94px;text-align:center}h1.title{color:#fff;font-size:40px;margin-bottom:30px;text-shadow:#000 1px 0 10px}footer{align-items:center;background:linear-gradient(348deg,#833ab4,#fd1d1d 50%,#fcb045);bottom:0;box-shadow:0 -6px 28px rgba(0,0,0,.25);color:#fff;display:flex;justify-content:center;left:0;padding:10px 0;position:fixed;right:0}footer p{border-right:1px solid #fff;font-size:12px;margin-bottom:0;padding-right:10px;text-align:right}footer .links{grid-gap:10px;display:grid;gap:10px;grid-template-columns:50% 50%;padding-left:10px}footer a{color:#fff;font-size:16px;text-decoration:none}a i:hover{color:#000;transition:.5s}.images-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.images-container .meme-image{border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);cursor:pointer;height:80px;min-width:80px;object-fit:cover;position:relative;transition:.5s;width:calc(10% - 10px)}.images-container .meme-image:hover{opacity:.6}@media (max-width:767px){.images-container .meme-image{width:calc(16.66667% - 10px)}}.main-tool-panel{display:flex;justify-content:space-around}.tool-container{align-items:center;display:inline-flex;gap:10px}@media (max-width:500px){.main-tool-panel{flex-direction:column;gap:10px}.main-tool-panel,.tool-container{justify-content:center}}.result-meme{margin-top:30px}.result-meme figure{align-items:center;background:#000;box-shadow:0 9px 28px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);display:flex;height:500px;justify-content:center;margin:auto;position:relative;width:500px}.result-meme figure img{max-height:100%;max-width:100%;object-fit:contain}.result-meme figure p{font-family:Arial,sans-serif;font-size:12px;margin:0;max-width:460px;position:absolute;word-break:break-all}.result-meme figure p.left{left:20px}.result-meme figure p.center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.result-meme figure p.right{right:20px}.result-meme figure p.top-text{top:40px}.result-meme figure p.bottom-text{bottom:40px}.result-meme button{background:#e82238;border:0;border-radius:5px;box-shadow:0 9px 28px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);color:#fff;margin-top:50px;padding:10px 30px;transition:.5s}.result-meme button:hover{background:linear-gradient(159deg,#833ab4,#fd1d1d 50%,#fcb045)}.swal2-container .swal2-title{font-size:20px;padding-top:40px}.swal2-container .swal2-styled.swal2-confirm{background:#fcb045;font-size:15px}@media (max-width:600px){.result-meme figure{height:calc(100vw - 100px);width:calc(100vw - 100px)}}.text-editor-container .input-container{display:inline-flex;flex-direction:column;text-align:left;width:calc(100% - 280px)}.text-editor-container .input-container.input_topText{margin-bottom:20px}.tools-container{align-items:center;display:inline-grid;gap:20px;grid-template-columns:1fr 1fr 3fr;justify-content:center;margin-left:40px;width:240px}.tools-container .tool{display:inline-flex;flex-direction:column;justify-content:center}.tool.align div{display:flex;gap:5px;margin:auto}.tool input{margin:auto;max-width:50px}.tool label{font-size:12px}.tool button{background:none;border:0;box-shadow:0 0 5px 0 rgba(0,0,0,.1),0 0 1px 0 rgba(0,0,0,.1);height:30px;padding:5px;width:30px}.tool button.selected,.tool button:hover{background:rgba(0,0,0,.1)}.tool button.selected i,.tool button:hover i{opacity:.6}.tool i{font-family:FontAwesome;font-style:normal}@media (max-width:768px){.text-editor-container{display:flex;flex-direction:column}.text-editor-container .input-container{width:100%}.text-editor-container .input-container.input_bottomText,.text-editor-container .input-container.input_topText{margin-bottom:10px}.text-editor-container .input-container.input_topText+.tools-container{margin-bottom:30px}.text-editor-container .tools-container{margin-left:0}}@media (max-width:455px){.text-editor-container .tools-container{gap:10px}}
/*# sourceMappingURL=main.20da2f46.css.map*/