@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu&display=swap);body,html{background-color:#eff2f5;color:#1977f2;font-family:Ubuntu,sans-serif;margin:0;padding:0}.blog-banner-main-container{display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0 auto;padding:15px 15px 0;width:1024px}.blog-banner-container{background-color:#fff;border:2px dashed #d7d7d7;border-radius:10px;display:flex;flex-direction:column;height:auto;justify-content:space-between;width:100%}.blog-banner-heading{border-bottom:2px dashed #eaeaea;font-size:small;font-size:25px;margin:0;padding:10px}.blog-banner-heading p{font-size:25px;font-weight:900;margin:0;padding:0}.blog-banner-heading span{color:#35a420;font-weight:900}.blog-banner-tools-main{align-items:center;display:flex;justify-content:space-between;padding:10px}.blog-banner-tools-bg-color,.blog-banner-tools-color,.blog-banner-tools-font,.blog-banner-tools-text{align-items:center;display:flex;height:100%;justify-content:center;width:250px}.blog-banner-tools-text input{background-color:#f5f5f5;border:none;border-radius:5px}.blog-banner-tools-bg-color input,.blog-banner-tools-color input,.blog-banner-tools-font select,.blog-banner-tools-text input{font-size:15px;font-weight:900;height:100%;margin-left:20px;outline:none}.blog-banner-tools-font select{background-color:#f5f5f5;border:none;border-radius:5px;cursor:pointer}.blog-banner-tools-text label{color:grey;font-weight:900}.blog-banner-tools-bg-color label,.blog-banner-tools-color label,.blog-banner-tools-font label{color:grey;font-weight:900;margin-left:20px}.blog-banner-preview{font-family:Courier New,Courier,monospace;padding:5px}.blog-banner-download{border-top:2px dashed #eaeaea;padding:5px}.download-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease}.download-button:hover{background-color:#45a049}.download-button:disabled{background-color:#ccc;cursor:not-allowed}@media screen and (max-width:992px){.blog-banner-main-container{width:650px}.blog-banner-tools-bg-color,.blog-banner-tools-color,.blog-banner-tools-text{width:200px}.blog-banner-tools-bg-color input,.blog-banner-tools-color input{-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:5px;cursor:pointer;height:35px;width:50%!important}.blog-banner-tools-bg-color input,.blog-banner-tools-color input,.blog-banner-tools-text input{width:100%}.blog-banner-tools-bg-color label,.blog-banner-tools-color label{margin-left:20px}}@media screen and (max-width:756px){.blog-banner-main-container{width:450px}.blog-banner-tools-main{flex-direction:column}.blog-banner-tools-color,.blog-banner-tools-text{margin-bottom:10px;width:100%}.blog-banner-tools-bg-color{width:100%}.blog-banner-tools-text label{width:50%}.blog-banner-tools-bg-color label,.blog-banner-tools-color label{align-items:center;display:flex;height:30px;margin:0;width:100%}.blog-banner-tools-bg-color input,.blog-banner-tools-color input,.blog-banner-tools-text input{margin:0}.blog-banner-download{align-items:center;border-top:2px dashed #eaeaea;display:flex;justify-content:center}.download-button{width:100%}}@media screen and (max-width:400px){.blog-banner-main-container{width:340px}}
/*# sourceMappingURL=main.923a2516.css.map*/