.app{overflow-x:hidden;width:100%}.app,.app .main{align-items:center;display:flex;flex-direction:column;justify-content:center}.app .main{min-height:90vh}.footer{background-color:#f5f5f5;color:#606060;flex-direction:column;height:300px;width:100vw}.footer,.footer .footer-icons{align-items:center;display:flex;justify-content:center}.footer .footer-icons{flex-direction:row;padding-bottom:1rem}.footer .footer-icons .icon{cursor:pointer;font-size:30px;margin:15px}.footer .footer-icons .icon:hover{color:#0e0e0e}.footer .footer-text{align-items:center;display:flex;flex-direction:row;font-size:14px;justify-content:center;padding-bottom:1rem}.footer .footer-text p{font-family:Poppins,sans-serif;padding:0 5px;white-space:nowrap}.navbar{align-items:center;background-color:#fff;box-shadow:0 2px 2px -2px rgba(0,0,0,.2);height:62px;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;white-space:nowrap;width:100vw;z-index:10}.navbar,.navbar .bar-left{display:flex;flex-direction:row}.navbar .bar-left{padding-left:30px}.navbar .bar-left p{color:#775e43;cursor:pointer;font-family:Nothing You Could Do,cursive;font-size:35px;margin-right:20px}.navbar .bar-left p:hover{opacity:.8;transition:all .3s ease-in-out}.navbar .bar-left .search-bar{align-items:center;border-bottom:1px solid;display:flex;flex-direction:row;justify-content:center}.navbar .bar-left .search-bar .search-input{border:none;cursor:text;height:35px;overflow:hidden;padding-left:5px;width:220px}.navbar .bar-left .search-bar .icon-search{cursor:pointer;font-size:25px}.navbar .bar-left .search-bar .icon-search:hover{opacity:.8;transition:all .3s ease-in-out}.navbar .bar-right{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding-right:2rem}.navbar .bar-right .bar-right-item{cursor:pointer;font-family:Poppins,sans-serif;font-size:20px;font-weight:300;letter-spacing:1px;padding:3px 1.8rem;text-transform:uppercase}.navbar .bar-right .bar-right-item:hover{color:#775e43;transition:all .2s ease-in-out}.navbar .bar-right .bar-account-container:hover .dropdown-menu{display:block;transition:all .2s ease-in-out}.navbar .bar-right .bar-account-container{display:flex;flex-direction:column;position:relative}.navbar .bar-right .bar-account-container .dropdown-menu{background-color:#fff;display:none;font-size:18px;position:absolute;right:0;text-align:right;text-transform:none;top:2rem;transition:all .2s ease-in-out;z-index:10}.navbar .bar-right .bar-account-container .dropdown-menu ul{list-style:none}.navbar .bar-right .bar-account-container .dropdown-menu ul li{box-shadow:0 1px 2px -1px rgba(0,0,0,.2);color:#000;cursor:pointer;padding:.6rem 1rem}.navbar .bar-right .bar-account-container .dropdown-menu ul li:hover{background-color:#f7f3ee}.home,.post{align-items:center;display:flex;flex-direction:column;justify-content:center}.post{box-shadow:0 1px 2px -1px rgba(0,0,0,.1);font-family:Lora,serif;font-size:16px;margin-bottom:1rem;max-width:780px;min-width:320px;padding-bottom:1rem;width:70vw}.post .post-link{align-items:center;color:inherit;cursor:pointer;display:flex;flex-direction:column;justify-content:center;text-decoration:none;width:100%}.post .post-link:hover{opacity:.8;transition:all .3s ease-in-out}.post .post-link .post-title{color:#775e43;font-size:24px;font-weight:500;margin-bottom:1rem;text-align:center}.post .post-link .post-description{display:inline-block;height:4.8rem;line-height:1.6rem;max-width:780px;min-width:320px;opacity:.8;overflow:hidden;text-align:left;width:100%}.post .post-footer{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:1rem;width:100%}.post .post-footer .post-footer-left{display:flex;flex-direction:row;font-family:Courier Prime,monospace;font-size:16px;justify-content:flex-start}.post .post-footer .post-footer-left .tag{background-color:#f7f3ee;border:1px solid #e3dcd3;border-radius:5px;cursor:pointer;margin:0 .2rem;padding:.1rem .3rem}.post .post-footer .post-footer-left .tag:hover{opacity:.8;transition:all .3s ease-in-out}.post .post-footer .post-footer-right{color:#775e43;display:flex;flex-direction:row;white-space:nowrap}.post .post-footer .post-footer-right .post-author:hover{opacity:.8;transition:all .3s ease-in-out}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.posts{display:flex;flex-direction:column;max-width:780px;min-height:70vh;min-width:320px;padding:2rem 0;width:70vw}.posts .spinner-container{align-items:center;display:grid;height:120px;justify-content:center}.posts .spinner-container .loading-spinner{-webkit-animation:spinner 1.5s linear infinite;animation:spinner 1.5s linear infinite;border:10px solid #f7f3ee;border-radius:50%;border-top-color:#775e43;height:50px;width:50px}.posts .posts-alert{align-items:center;color:#e3dcd3;display:flex;flex-direction:column;font-family:Poppins,sans-serif;font-size:40px;justify-content:center}.posts .posts-alert .icon{font-size:12rem}.pagination{padding-top:50px}.pagination .button-container{align-items:center;display:flex;flex-direction:row;justify-content:center}.pagination .button-container button{background-color:#fff;color:#775e43;margin:0 5px;width:40px}.pagination .button-container .active-button{background-color:#f7f3ee}.pagination .button-container button:disabled{opacity:.1}.pagination .button-container .icon{flex-direction:row;font-size:20px}.header,.pagination .button-container .icon{align-items:center;display:flex;justify-content:center}.header{background-color:#f7f3ee;box-shadow:1px 1px 2px -1px rgba(0,0,0,.2);flex-direction:column;font-family:Nothing You Could Do,cursive;font-size:36px;height:40vh;position:relative;text-align:center;width:100vw}@media screen and (max-width:992px){.navbar{height:56px}.navbar .bar-left p{font-size:28px}.navbar .bar-left .search-bar{margin-right:1.6rem}.navbar .bar-left .search-bar .search-input{height:30px;width:160px}.navbar .bar-left .search-bar .icon-search{font-size:20px}.navbar .bar-right{padding-right:1rem}.navbar .bar-right .bar-right-item{font-size:18px;padding:3px 1.2rem}.navbar .bar-right .bar-account-container .dropdown-menu{font-size:16px;top:1.8rem}}@media screen and (max-width:768px){.header{font-size:28px;height:30vh}.navbar{align-items:normal;display:flex;flex-direction:column;height:78px}.navbar .bar-left{align-self:center;padding-left:0}.navbar .bar-left p{font-size:28px}.navbar .bar-left .search-bar{margin-right:.8rem}.navbar .bar-left .search-bar .search-input{height:1.4rem;width:100px}.navbar .bar-left .search-bar .icon-search{font-size:16px}.navbar .bar-right{padding:0 1rem}.navbar .bar-right .bar-right-item{font-size:17px;padding:3px .5rem}.navbar .bar-right .bar-account-container .dropdown-menu{font-size:14px;right:-5px;top:2rem}.post .post-footer{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.post .post-footer .post-footer-left{margin-bottom:10px}}button{background-color:#a79076;border:none;border-radius:40px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:18px;font-weight:300;height:38px;margin-top:10px;width:100%}button,button:hover{transition:all .3s ease-in-out}button:hover{background-color:#bba68f;box-shadow:0 1px 5px rgba(0,0,0,.2)}button:disabled,button[disabled]{background-color:#ccc;color:#666;cursor:default}button:disabled:hover,button[disabled]:hover{background-color:#ccc;box-shadow:none;color:#666}.login-container{display:flex;flex-direction:column;min-height:70vh;padding-top:3vh;position:relative}.login-container .login{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:600px;min-width:320px;width:30vw}.login-container .login .title{font-family:Nothing You Could Do,cursive;font-size:36px;margin:2rem}.login-container .login .login-form{display:flex;flex-direction:column;width:100%}.login-container .login .login-form label{font-family:Poppins,sans-serif;font-size:18px;font-weight:300;padding:.1rem .5rem}.login-container .login .login-form input{border:1px solid #e3dcd3;border-radius:40px;height:38px;margin-bottom:.6rem;text-indent:1rem;transition:all .3s ease-in-out;width:100%}.login-container .login .login-form input:hover{box-shadow:0 1px 5px rgba(0,0,0,.2);transition:all .3s ease-in-out}.login-container .login .link{width:100%}.login-container .login .link .register-button{background-color:#d3c889}.login-container .login .link .register-button:hover{background-color:#dbd3a4}.login-container .login .disabled-button{background-color:#bfbfbf;cursor:not-allowed}.login-container .login .disabled-button:hover{background-color:#bfbfbf;box-shadow:none}.about{align-items:center;display:flex;flex-direction:column}.about .about-content{display:flex;flex-direction:row;font-family:Lora,serif;font-size:18px;justify-content:center;line-height:1.8rem;margin:3rem;max-width:1200px;min-height:50vh;min-width:320px;width:78vw}.about .about-content .left-content{padding:0 1rem}.about .about-content .left-content h2{font-weight:500;padding-bottom:1rem}.about .about-content .profile-picture .picture{border:1px solid #e3dcd3;border-radius:30px;max-width:300px;min-width:200px;width:28vw}.user{min-height:60vh;padding:2rem 0;width:100vw}.user,.user .user-info{align-items:center;display:flex;flex-direction:column}.user .user-info{font-family:Lora,serif;justify-content:center;max-width:380px;min-width:300px;width:30%}.user .user-info .info-item{box-shadow:0 1px 2px -1px rgba(0,0,0,.2);display:flex;flex-direction:row;justify-content:space-between;margin:.6rem 0;width:100%}.user .user-posts{font-family:Poppins,sans-serif;font-size:20px;font-weight:300;padding:1rem 0}.user .user-posts .posts-options{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:1rem 0;white-space:nowrap;width:100%}.user .user-posts .new-btn{background-color:#97b26c;border-radius:20px;box-shadow:0 1px 5px rgba(0,0,0,.2);color:#fff;cursor:pointer;max-width:300px;padding:.2rem 1rem;transition:all .2s ease-in-out}.user .user-posts .new-btn:hover{background-color:#a5be7c;transition:all .2s ease-in-out}.postview{font-family:Lora,serif;margin:3rem 2rem;min-height:80vh}.postview,.postview .edit-mode{align-items:center;display:flex;flex-direction:column;justify-content:center}.postview .edit-mode{max-width:760px;min-width:320px;padding-top:2rem;width:60vw}.postview .edit-mode .edit-form{font-size:18px}.postview .edit-mode .edit-form,.postview .edit-mode .edit-form .edit-form-item{align-items:center;display:flex;flex-direction:column;justify-content:center}.postview .edit-mode .edit-form .edit-form-item .input-item:focus{outline:none}.postview .edit-mode .edit-form .edit-title{margin-bottom:1rem}.postview .edit-mode .edit-form .edit-title .edit-title-input{border:none;color:#292929;font-family:Lora,serif;font-size:30px;max-width:760px;min-width:320px;width:60vw}.postview .edit-mode .edit-form .edit-tags{align-items:center;display:flex;flex-direction:row;font-family:Courier Prime,monospace;font-size:18px;justify-content:space-between;margin-bottom:1rem;max-width:780px;min-width:300px;width:100%}.postview .edit-mode .edit-form .edit-tags .icon{color:#1c1c1c;margin-left:5px}.postview .edit-mode .edit-form .edit-tags .icon:hover{opacity:.8;transition:all .3s ease-in-out}.postview .edit-mode .edit-form .edit-tags ul{display:flex;flex-direction:row;flex-wrap:wrap;list-style:none}.postview .edit-mode .edit-form .edit-tags ul li{cursor:pointer;font-size:18px;margin:0 .2rem 0 0}.postview .edit-mode .edit-form .edit-tags .post-tags-right,.postview .edit-mode .edit-form .edit-tags ul li{align-items:center;background-color:#f0ffda;border:1px solid #cddeb4;border-radius:5px;display:flex;flex-direction:row;justify-content:center;padding:.1rem .3rem}.postview .edit-mode .edit-form .edit-tags .post-tags-right .tag-input{background-color:#f0ffda;border:none;font-family:Courier Prime,monospace;font-size:18px;overflow:visible;width:120px}.postview .edit-mode .edit-form .edit-content .edit-content-input{border:none;font-family:Lora,serif;font-size:22px;height:70vh;line-height:2rem;margin-bottom:2rem;max-width:760px;min-width:320px;overflow:visible;width:60vw}.postview .edit-mode .edit-form .edit-submit-button{background-color:#97b26c;height:3rem;max-width:400px;transition:all .2s ease-in-out}.postview .edit-mode .edit-form .edit-submit-button:hover{background-color:#a5be7c;transition:all .2s ease-in-out}.postview .edit-mode .edit-form .edit-cancel-button{height:3rem;max-width:400px}.postview .view-mode{max-width:760px;min-width:320px;width:60vw}.postview .view-mode .view-title{color:#775e43;font-size:30px;font-weight:500;margin-bottom:1rem;text-align:center}.postview .view-mode .view-icons{display:flex;flex-direction:row;justify-content:space-between;width:100%}.postview .view-mode .view-icons .view-tags{display:flex;flex-direction:row;font-family:Courier Prime,monospace;font-size:16px;margin-bottom:1rem}.postview .view-mode .view-icons .view-tags .tag{background-color:#f7f3ee;border:1px solid #e3dcd3;border-radius:5px;cursor:pointer;margin:0 .2rem;padding:.1rem .3rem}.postview .view-mode .view-icons .view-tags .tag:hover{opacity:.8;transition:all .3s ease-in-out}.postview .view-mode .view-icons .view-post-settings{display:flex;flex-direction:row}.postview .view-mode .view-icons .view-post-settings .setting-icon{cursor:pointer;font-size:24px;margin:0 .5rem}.postview .view-mode .view-icons .view-post-settings .setting-icon:hover{opacity:.8;transition:all .3s ease-in-out}.postview .view-mode .view-content{font-size:18px;line-height:2rem;margin-bottom:1rem;min-height:600px}.postview .view-mode .view-footer{color:#6b6b6b;display:flex;flex-direction:row;font-size:16px;justify-content:space-between;width:100%}.postview .view-mode .view-footer .author:hover{opacity:.8;transition:all .3s ease-in-out}@media screen and (max-width:992px){.postview .view-mode .view-title{font-size:26px}.postview .view-mode .view-icons .view-tags{font-size:16px}.postview .view-mode .view-icons .view-post-settings .setting-icon{font-size:22px}.postview .view-mode .view-content{font-size:16px;line-height:1.6rem}.postview .view-mode .view-footer{font-size:14px}.about .about-content{font-size:15px;line-height:1.6rem;margin:2rem}}@media screen and (max-width:768px){.postview .edit-mode{padding-top:0}.postview .edit-mode .edit-form .edit-title .edit-title-input{font-size:22px}.postview .edit-mode .edit-form .edit-content .edit-content-input{font-size:16px}.postview .view-mode .view-title{font-size:22px}.postview .view-mode .view-icons .view-tags{font-size:14px}.postview .view-mode .view-icons .view-post-settings .setting-icon{font-size:20px}.postview .view-mode .view-content{font-size:14px;line-height:1.5rem}.postview .view-mode .view-footer{font-size:12px}.about .about-content{align-items:center;display:flex;flex-direction:column;font-size:14px;line-height:1.5rem;margin:1.8rem 1rem}.about .about-content .profile-picture{margin-top:2rem}.user .user-info{font-size:16px}}.register-container{display:flex;flex-direction:column;min-height:70vh;padding-top:3vh;position:relative}.register-container .register{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:320px;transition:all .3s ease-in-out}.register-container .register span{color:#c64343;font-family:Poppins,sans-serif;padding-left:10px}.register-container .register .title{font-family:Nothing You Could Do,cursive;font-size:36px;margin:2rem}.register-container .register .register-form{display:flex;flex-direction:column;width:100%}.register-container .register .register-form label{font-family:Poppins,sans-serif;font-size:18px;font-weight:300;padding:.1rem .5rem}.register-container .register .register-form input{border:1px solid #e3dcd3;border-radius:40px;height:38px;margin-bottom:.6rem;text-indent:1rem;transition:all .3s ease-in-out;width:100%}.register-container .register .register-form input:hover{box-shadow:0 1px 5px rgba(0,0,0,.2);transition:all .3s ease-in-out}.register-container .register .link{width:100%}.register-container .register .link .login-button{background-color:#d3c889}.register-container .register .link .login-button:hover{background-color:#dbd3a4}.register-container .register .disabled-button{background-color:#bfbfbf;cursor:default}.register-container .register .disabled-button:hover{background-color:#bfbfbf;box-shadow:none}.create-page{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:780px;min-width:320px;width:80vw}.create-page .header{height:18rem}.create-page .post-form{align-items:center;display:flex;flex-direction:column;font-size:18px;justify-content:center;max-width:780px;min-height:70vh;min-width:320px;padding-top:1rem;width:80vw}.create-page .post-form .post-submit-button{background-color:#97b26c;box-shadow:0 1px 5px rgba(0,0,0,.2);height:3rem;margin-bottom:3rem;max-width:400px;transition:all .2s ease-in-out}.create-page .post-form .post-submit-button:hover{background-color:#a5be7c;transition:all .2s ease-in-out}.create-page .post-form .post-form-item{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:780px;min-width:320px;padding-top:1rem;width:100%}.create-page .post-form .post-form-item .input-item:focus{outline:none}.create-page .post-form .post-form-item .post-title{border:none;font-family:Lora,serif;font-size:30px;max-width:780px;min-width:300px;width:100%}.create-page .post-form .post-form-item textarea{border:none;font-family:Lora,serif;font-size:24px;height:70vh;margin-bottom:2rem;max-width:780px;min-width:300px;overflow:visible;width:100%}.create-page .post-form .post-tags{align-items:center;display:flex;flex-direction:row;font-family:Courier Prime,monospace;font-size:18px;justify-content:space-between;max-width:780px;min-width:300px;width:100%}.create-page .post-form .post-tags .icon{color:#1c1c1c;margin-left:5px}.create-page .post-form .post-tags .icon:hover{opacity:.8;transition:all .3s ease-in-out}.create-page .post-form .post-tags ul{display:flex;flex-direction:row;flex-wrap:wrap;list-style:none}.create-page .post-form .post-tags ul li{cursor:pointer;font-size:18px;margin:0 .2rem}.create-page .post-form .post-tags .post-tags-right,.create-page .post-form .post-tags ul li{align-items:center;background-color:#f0ffda;border:1px solid #cddeb4;border-radius:5px;display:flex;flex-direction:row;justify-content:center;padding:.1rem .3rem}.create-page .post-form .post-tags .post-tags-right .tag-input{background-color:#f0ffda;border:none;font-family:Courier Prime,monospace;font-size:18px;overflow:visible;width:120px}
/*# sourceMappingURL=main.84334f60.css.map*/