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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.blog-list-container{width:100%;max-width:730px;display:flex;flex-direction:column;margin:-.78em auto auto}.blog-list-container .add-post-button{width:100%;margin-bottom:16px}.blog-list-container .left-toolbar{margin-left:auto;display:flex;align-items:center}.blog-list-container .left-toolbar .button{color:#fff}.blog-list-container .list{margin-top:50px}.blog-list-container .order-by{margin-left:auto;margin-right:16px;margin-top:8px}.blog-preview-card{margin-bottom:48px;display:flex;max-width:730px;border-top:1px solid #eee;position:relative}.blog-preview-card .cover-image{height:auto;width:30%;background-size:cover;background-repeat:no-repeat;background-position:50%}.blog-preview-card .preview-text{width:70%;padding:0 16px 16px}.blog-preview-card .preview-text .cover-picture{width:100%}.blog-preview-card .preview-text .short-description{margin-top:10px;font-weight:lighter}.blog-preview-card .preview-text:hover{cursor:pointer}.blog-preview-card:first-child{border-top:none}@media (max-width:599px){.blog-preview-card .cover-image{width:40%}.blog-preview-card .preview-text{width:60%}}.blog-preview-card.draft{opacity:1%}.background-modal{position:fixed;height:100vh;width:100%;left:0;top:0;display:flex;justify-content:center;align-items:center;z-index:1200;background-color:rgba(0,0,0,.91);padding:16px}.background-modal .modal-container{background-color:#fff;border-radius:4px;padding:32px 16px;width:100%;max-width:750px;display:flex;flex-direction:column}.background-modal .modal-container .inner-content{display:flex;flex-direction:column;min-width:50%}.background-modal .modal-container .inner-content .button-container{margin-top:24px;margin-left:auto}.background-modal .modal-container .inner-content .button-container :first-child{margin-right:16px}.navigation-bar{position:fixed;z-index:99;width:100%;height:64px;top:0;left:0;padding-left:24px;padding-right:24px;border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 4px 12px 0 rgba(0,0,0,.05);margin-bottom:.78em;background-color:#fff}.navigation-bar .content{width:100%;height:100%;max-width:1200px;margin:auto;display:flex;align-items:center}.navigation-bar .content a{height:100%;display:flex;align-items:center;text-decoration:none;color:unset}.navigation-bar .content a .title{margin-left:16px}@media (min-width:600px){.navigation-bar{margin-bottom:2rem}}.navigation-bar.mobile{position:unset}.navigation-margin{width:100%;height:64px;margin-bottom:2rem}.entire-blog-container{width:100%;max-width:1200px;margin:auto;display:flex;flex-direction:column;align-items:center}.entire-blog-container .blog-photo-cover{width:100%;height:50vh;max-width:1200px;background-position:50%;background-size:cover;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;color:#fff;margin-top:16px}.entire-blog-container .cover-caption{font-style:italic}.entire-blog-container .blog-container{width:100%;max-width:730px;margin-top:2em;padding-left:24px;padding-right:24px}.entire-blog-container .blog-container img{width:100%}.entire-blog-container .blog-container .navigate-blog{width:100%;margin-top:50px}.entire-blog-container .blog-container .navigate-blog .preview-container{padding-top:16px;border-top:1px solid #eee}.entire-blog-container .blog-container .img-container{width:100%;margin-top:16px}.entire-blog-container .blog-container .text-container{text-align:justify;text-justify:inter-word}.entire-blog-container .blog-container .text-container p{margin-bottom:1.2rem;font-size:18px;color:#4c4e4d}.entire-blog-container .blog-container .text-container p:first-child,.entire-blog-container .blog-title{margin-top:0}.timestamp{color:#919191;font-weight:100!important}.create-blog-container{width:100%;max-width:730px;margin:auto}.create-blog-container .blog-content{width:100%;border:1px solid #e2e2e2;border-top:none;min-height:50vh;display:flex;flex-direction:column;margin-bottom:100px}.create-blog-container .blog-content fieldset{padding:0 16px;display:flex;flex-direction:column;margin-top:20px;border:none}.create-blog-container .blog-content fieldset .text-field{margin-top:16px}.create-blog-container .blog-content fieldset:first-child{margin-top:0}.create-blog-container .blog-content fieldset .drag-and-drop{display:flex;justify-content:center;align-items:center;flex-direction:column}.create-blog-container .blog-content fieldset .drag-and-drop .icon{width:40px;height:40px}.create-blog-container .blog-content fieldset .drag-and-drop{padding:0}.create-blog-container .blog-content fieldset .drag-and-drop.cover{width:100%;min-height:200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border:1px solid #e2e2e2;background-color:#e2e2e2;position:relative}.create-blog-container .blog-content fieldset .drag-and-drop.cover img{width:100%;height:auto}.create-blog-container .blog-content fieldset .drag-and-drop.imagesList{width:100%;min-height:600px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border:1px solid #e2e2e2;background-color:#e2e2e2}.create-blog-container .blog-content .images-container,.create-blog-container .blog-content .images-container img{width:100%}.buttons-container{width:100%;display:flex;justify-content:flex-end;position:fixed;bottom:0;right:0;background-image:linear-gradient(hsla(0,0%,100%,0),#fff 45%,#fff);z-index:100;padding:30px 16px 16px}.buttons-container .button{margin-left:16px}.modal-background{position:fixed;width:100%;height:100vh;background-color:rgba(0,0,0,.8);top:0;left:0;display:flex;flex-direction:column;align-items:center;z-index:1000;padding:50px 16px 0}.modal-background .blog-post{background-color:#fff;overflow-y:scroll;width:100%;max-width:1200px;display:flex;flex-direction:column}.modal-background .blog-post .publish-button{margin:16px 16px 16px auto}.hidden-input{opacity:0;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;z-index:-100}.loading-overlay-container{position:fixed;background-color:rgba(0,0,0,.9);height:100vh;width:100%;display:flex;align-items:center;justify-content:center;z-index:200;top:0;left:0;flex-direction:column;color:#fff}.loading-overlay-container p{margin-top:16px}.sign-in-container{display:flex;align-items:center;justify-content:center;width:100%;height:100vh}
/*# sourceMappingURL=main.1f12ec23.chunk.css.map */