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}*{box-sizing:border-box;margin:0;padding:0}body,html{background:#fff}.App{text-align:center;padding:20px 0}::selection{background-color:#000;color:#fff}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#000;border-radius:10px}.blog-container{width:800px;margin:auto;display:flex;justify-content:space-around}.blog-content{display:flex;flex-direction:column;margin-right:20px}@media screen and (max-width:800px){.blog-container{width:100%;flex-direction:column}.blog-content{max-width:525px;margin-left:auto;margin-right:auto;order:2}}.blog-post{display:grid;align-items:center;justify-content:start;grid-template-columns:1fr;text-align:left;box-shadow:0 1px 3px 0 rgba(0,0,0,.08),0 4px 6px 0 rgba(0,0,0,.1);padding:20px;border-radius:4px;transition:all .3s ease-in-out;margin-bottom:20px;background:#fff;position:relative}.blog-post:hover{box-shadow:0 4px 6px 0 rgba(0,0,0,.08),0 12px 18px 0 rgba(0,0,0,.1)}.blog-post-date{opacity:.5}.blog-post-content{margin-top:20px;max-height:200px;overflow:auto}.blog-post-btn-groups{display:flex;justify-content:flex-end;position:absolute;top:20px;right:20px}.blog-post-btn-groups button{outline:none;border:none;background:none;cursor:pointer;opacity:0;transition:all .3s ease-in-out}.blog-post:hover .blog-post-btn-groups button{opacity:1}.fa-trash-alt{color:red;margin-left:10px}.images-slider-wrapper{position:relative;margin-top:20px;display:flex;justify-content:center;align-items:center;background:#000}.images-slider-wrapper button{position:absolute;top:50%;transform:translateY(-50%);border:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.2);color:#000;cursor:pointer;padding:10px 15px;border-radius:50%;outline:none;opacity:0;transition:all .5s ease-in-out;z-index:1}.images-slider-wrapper:hover button{opacity:1}.images-slider-wrapper button:disabled{cursor:not-allowed}.images-slider-wrapper p{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.5);color:#fff;padding:5px;border-radius:10px}.btn-next{right:10px}.btn-prev{left:10px}.images-slider-img{display:block}.dots-wrapper{position:absolute;bottom:5px}.dot{display:inline-block;border:none;cursor:pointer;width:15px;height:15px;margin:0 5px;border-radius:50%;background:rgba(0,0,0,.5);transition:all .2s ease-in-out}.dot.activeDot,.dot:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.5)}@media screen and (max-width:800px){.images-slider-img{max-width:100%;height:auto}}.blog-sidebar{box-shadow:0 1px 3px 0 rgba(0,0,0,.08),0 4px 6px 0 rgba(0,0,0,.1);padding:20px;display:flex;flex-direction:column;border-radius:4px;min-width:200px;position:-webkit-sticky;position:sticky;top:44px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.5)}.blog-sidebar>*{margin:10px 0}.blog-sidebar-select-group{display:flex;flex-direction:column;text-align:left}.blog-sidebar-select{text-transform:capitalize;padding:3px;border:1px solid #000;border-radius:4px;cursor:pointer;font-weight:700;transition:all .3s ease-in-out;margin-top:5px}.blog-sidebar-select:focus{border:1px solid #42accd;box-shadow:0 0 0 2px rgba(66,172,205,.2);transition:all .3s ease-in-out}@media screen and (max-width:800px){.blog-sidebar{max-width:525px;margin-left:auto;margin-right:auto;order:1;margin-bottom:20px}}.dropdown-container{width:200px;margin:5px auto 0;position:relative}.dropdown-container .dropdown-btn{width:100%;border-radius:4px;background:#eee;text-align:left;padding:4px 4px 4px 7px;outline:none;background:#fff;border:1px solid #000;text-transform:capitalize;font-weight:600}.dropdown-container .dropdown-btn:focus{border:1px solid #42accd;box-shadow:0 0 0 2px rgba(66,172,205,.2);transition:all .2s ease-in-out}.dropdown-container .arrow{position:relative}.dropdown-container .arrow:after{content:"";width:0;height:0;border-color:#000 transparent transparent;border-style:solid;border-width:6px 3px 0;position:absolute;right:6px;top:9px}.dropdown-container .dropdown-list{list-style-type:none;position:absolute;margin:0;padding:0;width:200px;height:auto;border:none;background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.5);z-index:9;overflow:auto;border-radius:4px}.dropdown-container .dropdown-list .option{padding:5px;text-transform:capitalize;transition:all .2s ease-in-out;width:100%;position:relative}.dropdown-container .dropdown-list .option:hover{color:#fff;background:#000}.dropdown-container .dropdown-list .option input{display:none}@media screen and (max-width:800px){.dropdown-container,.dropdown-container .dropdown-list{width:100%}}.blog-search-form{width:800px;margin:auto;padding:10px;position:-webkit-sticky;position:sticky;top:0;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.5)}.blog-search{padding:3px;border:1px solid #000;border-radius:4px;outline:none;transition:all .2s ease-in-out}.blog-search:focus{border:1px solid #42accd;box-shadow:0 0 0 2px rgba(66,172,205,.2);transition:all .2s ease-in-out}.blog-search-btn{outline:none;border:none;background:none;margin-left:10px;cursor:pointer}@media screen and (max-width:800px){.blog-search-form{width:100%}}.newBlog-form{box-shadow:0 1px 3px 0 rgba(0,0,0,.08),0 4px 6px 0 rgba(0,0,0,.1);padding:20px;display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px;border-radius:4px;width:600px;margin:20px auto auto;text-align:left;background:#fff}.newBlog-input-group{display:grid}.newBlog-input-group label{margin-bottom:5px}.newBlog-textarea{width:100%;outline:none;border:1px solid #072d43;padding:10px;border-radius:3px;transition:all .2s ease-in-out}.newBlog-textarea:focus{border:1px solid #42accd;box-shadow:0 0 0 2px rgba(66,172,205,.2);transition:all .2s ease-in-out}.newBlog-btn-submit{outline:none;border:1px solid #000;background:#fff;border-radius:4px;padding:10px 15px;cursor:pointer;margin:auto;transition:all .2s ease-in-out}.newBlog-btn-submit:hover{background:#000;color:#fff}.fa-trash-alt{cursor:pointer}.newBlog-images-wrapper{width:560px;overflow-x:auto;position:relative;-webkit-overflow-scrolling:touch;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-behavior:smooth}.newBlog-images-container{display:flex;position:relative;width:100%}.newBlog-images-content{width:150px;height:150px;background-position:50%;background-size:cover;flex-shrink:0;background-color:#f7fafc;background-blend-mode:multiply;box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.08);margin-right:20px;display:flex;justify-content:flex-end;scroll-snap-align:start}.newBlog-images-content img{display:none}.newBLog-btn-AddImage{outline:none;border:1px solid #000;color:#000;background:#fff;border-radius:4px;padding:10px 15px;cursor:pointer;margin-top:5px;transition:all .2s ease-in-out}.newBLog-btn-AddImage:not(.isDisabled):hover{background:#000;color:#fff}.newBLog-btn-AddImage.isDisabled{pointer-events:auto;cursor:not-allowed;opacity:.5}.delete-img{background:rgba(0,0,0,.5);width:20px;height:20px;display:flex;align-items:center;justify-content:center}@media screen and (max-width:600px){.newBlog-form,.newBlog-images-wrapper{width:100%}}.inputGroupsWrapper{display:grid}.inputGroupsLabel{margin-bottom:5px}.inputGroups{width:100%;outline:none;border:1px solid #072d43;padding:10px;border-radius:3px;transition:all .2s ease-in-out}.inputGroups:focus{border:1px solid #42accd;box-shadow:0 0 0 2px rgba(66,172,205,.2);transition:all .2s ease-in-out}.inputGroupsRed{border:1px solid red}.errorTitle{color:red;margin:0;font-size:12px}.alert{padding:20px;color:#fff;text-align:center;margin:auto;text-transform:capitalize;border-radius:3px;position:fixed;top:0;right:0;box-shadow:0 10px 20px rgba(0,0,0,.1);z-index:2}.alert-danger{background:red}.alert-success{background:green}
/*# sourceMappingURL=main.f128016e.chunk.css.map */