*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif}html{font-size:100%}@media (max-width:767px){html{font-size:90%}}.login-page,.notFound,.register-page{align-items:center;background-image:url(/static/media/Background.20c00806176124ac7303.svg);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;width:100vw}.notFound{font-size:2rem;justify-content:center;padding:20px}.login-page img,.register-page img{position:absolute;top:40px}textarea{resize:none}@media (max-width:767px){.login-page img,.register-page img{width:300px}.notFound{font-size:1rem;text-align:center}}.form-container{background-color:#fff;border-radius:20px;box-shadow:2px 5px 10px rgba(0,0,0,.5);min-height:500px;padding:1.5rem 2rem;position:relative;top:210px;width:400px}.form-container.register{height:600px}.form-log-reg-container_title{font-size:1.5rem;margin-bottom:3rem;text-align:center}.form-log-reg{display:flex;flex-direction:column}.form-log-reg label{font-size:1rem;margin-bottom:.5rem}.form-log-reg input{border:1px solid #000520;height:2rem;margin-bottom:2rem;padding:0 .5rem}.form-log-reg input:focus{border:none;outline:1px solid #fd6c42}.form-log-reg-button{border-radius:20px;height:40px;margin:0 auto;width:150px}.form-log-reg-button:after{border-radius:20px}.form-log-reg-container_footer-container{align-items:center;display:flex;flex-direction:column;margin-top:2rem}.form-container a{color:blue;cursor:pointer;text-decoration:none}.form-container a:hover{text-decoration:underline}.form-log-reg_error-container{height:80px;width:100%}.form-error{color:red}.form-error,.form-succes{font-size:.8rem;font-style:italic;text-align:center}.form-succes{color:green}@media (max-width:767px){.form-container{border-radius:20px 20px 0 0;box-shadow:none;height:82%;min-height:0;top:18%;width:100%}.form-container.register{height:82%}.form-log-reg-container_footer{position:relative}.form-container a{bottom:calc(30% - 20px)}}.btn-component{border:none;box-shadow:2px 5px 10px rgba(0,0,0,.5);color:#000520;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:700;position:relative;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;z-index:1}.btn-component,.btn-component:after{background:#ffcdc3;background:linear-gradient(189deg,#ffcdc3,#fd6c42)}.btn-component:after{bottom:0;content:"";-webkit-filter:brightness(140%);filter:brightness(140%);left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease-in-out;z-index:-1}.btn-component:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.btn-component:hover:after{opacity:1}nav{background-color:#fd6c42;height:100px;justify-content:space-between;padding:0 20px;position:fixed;width:100%;z-index:3}.nav_left-block,.nav_right-block,.user-insert,nav{align-items:center;display:flex}.nav-logo{height:45px;width:auto}.nav-home-btn{height:auto;margin:0 40px;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:20px}.nav-home-btn:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.nav_right-block{height:100%}.user-insert{border-radius:30px;font-size:1.3rem;font-weight:700;height:60px;justify-content:space-between;padding-right:1rem;transition:.15s ease-in-out;width:100%}.user-link{color:#000;text-decoration:none}.user-insert img{background:#fff;border:1px solid #000;border-radius:50%;height:60px;margin-right:10px;object-fit:cover;width:60px}.user-insert:hover{background-color:#ffcdc3;cursor:pointer}.Logout-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;margin-left:100px;width:30px}.Logout-btn img{height:100%;object-fit:cover}.Logout-btn:hover{background-color:#ffcdc3}@media (max-width:767px){nav{justify-content:space-around}.user-insert{height:60px;padding:0;width:60px}.user-insert img{margin:0}.Logout-btn{margin-left:2rem}.nav-home-btn{height:25px;margin:0 2rem;width:auto}}.post{border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.2);margin-bottom:50px;max-width:600px;width:100%}.post-content{border-radius:10px 10px 0 0;margin-bottom:10px;position:relative;transition:box-shadow .2s ease-in-out;width:100%}.post-content:hover{border-radius:10px;box-shadow:0 -1px 20px rgba(231,94,3,.6);cursor:pointer}.post-link{color:#000;text-decoration:none}.post-header{justify-content:space-between;padding:10px 20px;position:relative;width:100%}.post-header,.post-header-content{align-items:center;display:flex}.post-header-content img{border-radius:50%;height:30px;margin-right:.5rem;object-fit:cover;width:30px}.post-created-info{font-size:.8rem;font-style:italic}.post-body{padding:0 40px 20px 20px}.post-body h2{margin-bottom:1rem}.post-txt{line-height:1.3rem;text-align:justify}.post-likes{align-items:center;display:flex;flex-direction:column;height:70px;justify-content:space-between;left:95%;position:absolute;top:30%}.post-user-link{color:#000;text-decoration:none}.post-user-link:hover{text-decoration:underline}.post-img{height:auto;margin-top:1rem;max-height:500px;object-fit:cover;width:100%}.post-like-number{font-size:.9rem;font-weight:700}.post-like-number.green{color:green}.post-like-number.red{color:#a30000}.arrow{height:20px;width:20px}.arrow.green{background-color:rgba(0,255,42,.3);border-radius:50%}.arrow.red{background-color:rgba(255,0,0,.6);border-radius:50%}@media (max-width:767px){.post{max-width:95%}.post-likes{left:calc(95% - 10px)}.post-created-info{font-size:.8rem;font-style:italic;width:80%}}.post-comments-container{padding:0 40px 20px 20px;position:relative;width:100%}.post-comments-container form{align-items:center;border:1px solid #d3d3d3;border-radius:5px;display:flex;flex-direction:column;justify-content:center;padding:5px}.comment-input{border:1px solid #d3d3d3;border-radius:5px;font-family:Arial,Helvetica,sans-serif;font-size:.8rem;max-height:300px;min-height:50px;overflow:hidden;padding:.5rem;resize:none;width:100%}.comment-input:focus{border:1px solid #fd6c42;outline:none}.post-comments_file-and-btn-container{align-items:center;display:flex;justify-content:space-between;width:100%}.post-comments_file-container{align-items:center;display:flex;flex-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;width:80%}.post-comment{border:.5px solid #d3d3d3;border-radius:10px;margin-top:1rem;padding:10px}.post-comments-container textarea{margin:.5rem 0}.post-comments_content-label,.post-comments_file-label{display:block;font-size:.8rem;font-weight:700;width:100%}.post-comments_file-label{align-items:center;display:flex;justify-content:space-between;margin-right:.5rem}.post-comments-img_preview{height:auto;margin-top:1rem;max-height:300px;object-fit:cover;width:60%}.comment-header,.comment-header-user-data{align-items:center;display:flex}.comment-header{height:40px;justify-content:space-between;margin-bottom:1rem;width:100%}.comment-profile-img{border-radius:50%;height:30px;margin-right:.5rem;object-fit:cover;width:30px}.comment-created-info{font-size:.8rem;font-style:italic}.edit-comment-img{cursor:pointer;height:15px;margin:0 5px;width:15px}.post-comment-button{border-radius:10px;font-size:.8rem;height:1.3rem;width:60px}.post-comment-button:after{border-radius:10px}.comment-img{height:auto;margin-top:1rem;max-height:400px;object-fit:cover;width:90%}.form-comment-button{border-radius:20px;height:40px;margin:10px auto;min-width:250px;width:50%}.form-comment-button:after{border-radius:20px}@media (min-width:768px) and (max-width:991px){.post-comments-container{padding:10px}}@media (max-width:767px){.post-comments-container{padding:10px}.edit-comment-img{height:12px;width:12px}.post-comment-button{width:55px}}.overlay.create-post-and-comment{border-radius:0;height:100%;position:fixed;width:100%}.form-create-post-and-comment_close-button{border-radius:10px;height:20px;left:88%;width:70px}.form-create-post-and-comment_close-button:after{border-radius:10px}.modal.create-post-and-comment{top:45%;width:100%}.modal-create-post-and-comment-form{display:flex;flex-direction:column;line-height:1.4}.modal-create-post-and-comment-form label{margin:1rem 0}.modal-create-post-and-comment-form input{height:2rem;margin-bottom:1rem;padding:0 .5rem}.modal-create-post-and-comment-form textarea{height:200px;margin-bottom:1rem;padding:.5rem}.modal-create-post-and-comment-form input:focus,.modal-create-post-and-comment-form textarea:focus{border:1px solid #fd6c42;outline:none}.modal-post-and-comment_img-container{align-items:center;display:flex;height:150px;justify-content:space-between}.modal-post-and-comment_img-input-container{display:flex;flex-direction:column}.modal-post-and-comment_img-preview{max-height:150px;max-width:150px;object-fit:cover}.modal-post-and-comment_error-container{height:40px;margin-top:1rem}@media (max-width:767px){.modal.create-post-and-comment{max-height:98vh;top:50%;width:95%}.form-create-post-and-comment_close-button{left:80%}.modal-create-post-and-comment-form textarea{height:100px}.modal-post-and-comment_img-container{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:space-between}}.home-header{height:100px}.home-main{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.create-post-btn{height:60px;margin:3rem 0;width:500px}.create-post-btn,.create-post-btn:after{border-radius:40px}.home-post-section{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.create-post-btn h1{font-size:1.5rem}@media (max-width:767px){.create-post-btn{width:90%}.create-post-btn h1{font-size:1.3rem}}.toggle-modal{background:#ffcdc3;background:linear-gradient(229deg,#ffcdc3,#fd6c42);border:none;border-radius:50%;box-shadow:2px 3px 10px rgba(50,50,50,.5);color:#000520;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-weight:700;height:20px;left:145px;position:absolute;top:190px;width:20px;z-index:1}.toggle-modal:hover{-webkit-filter:brightness(140%);filter:brightness(140%)}.overlay{background:rgba(49,49,49,.8);border-radius:20px;bottom:0;left:0;right:0;top:0;z-index:4}.modal,.overlay{position:absolute}.modal{background:#f1f1f1;border-radius:3px;left:50%;max-width:600px;min-width:300px;padding:14px 28px;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modal-content p{line-height:1.4;position:relative}.close-modal{background:#ffcdc3;background:linear-gradient(189deg,#ffcdc3,#fd6c42);border:none;border-radius:5px;color:#000520;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-weight:700;height:1.5rem;left:80%;margin-top:20px;position:relative;width:4rem}.close-modal:hover{-webkit-filter:brightness(140%);filter:brightness(140%)}@media (max-width:767px){.overlay{border-radius:20px 20px 0 0}.toggle-modal{left:125px;top:172px}}.overlay.password{border-radius:0;height:100%;position:fixed;width:100%}.modal.password{width:500px}.close-modal.password{height:2.5rem;left:47.3%;position:absolute;top:2%;width:100px;z-index:5}.modal-password-form{display:flex;flex-direction:column;line-height:1.4}.modal-password-form label{margin:1rem 0}.modal-password-form input{height:2rem;margin-bottom:1rem;padding:0 .5rem;text-align:center}.modal-password-error-container,.modal-password-succes-container{height:3rem}@media (max-width:767px){.modal.password{width:90%}.close-modal.password{position:fixed}}.user-header{height:100px}.user-page{display:flex;flex-direction:column;justify-content:center;text-align:center}.user-page h1{margin:50px 0}.user_container{align-items:center;display:flex;justify-content:space-between;margin-top:100px;padding:0 3vw}.user_img-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.user-img{border:1px solid #000;border-radius:50%;height:200px;margin-bottom:1rem;object-fit:cover;width:200px}.user_data-container{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.user_data-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.user_data-content{margin-bottom:2rem}.user_container label{margin-bottom:.6rem}.label-user-input-file{font-weight:700}.user_container input{height:2rem;margin-bottom:1rem;padding:0 .5rem;width:20rem}.user_container input:focus{border:none;outline:1px solid #fd6c42}.user-form_btn-container{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.form-user-button{height:40px;margin:20px auto;min-width:250px;width:50%}.form-user-button,.form-user-button:after{border-radius:20px}.user-modification_error{color:red}.users-link{width:100%}@media (max-width:992px){.user_container{flex-direction:column;margin:0}}ul{list-style:none;margin-top:2rem}li{margin-bottom:.5rem}.post-page-body{align-items:center;display:flex;flex-direction:column;padding-top:40px}.post-page-header{height:100px}.post-page-form{align-items:flex-start;display:flex;justify-content:space-between;margin-top:40px;padding:0 3vw;width:100%}.post-page-form_btn-container,.post-page-form_data-container,.post-page-form_media-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.post-page-form_data-container{width:50%}.post-page-form_btn-container,.post-page-form_media-container{width:20%}.post-page-form_data-container label{margin-bottom:.6rem}.post-page-form_data-container input,.post-page-form_data-container textarea{font-family:Arial,Helvetica,sans-serif;font-size:1rem;margin-bottom:2rem;width:90%}.post-page-form_data-container input:focus,.post-page-form_data-container textarea:focus{border:none;outline:1px solid #fd6c42}.post-page-form_data-container input{height:2rem;padding:0 .5rem}.post-page-form_data-container textarea{height:450px;line-height:1.2rem;padding:.5rem}.post-page-btn{height:40px;margin-bottom:20px;min-width:200px}.post-page-btn,.post-page-btn:after{border-radius:20px}.post-page-img_preview{height:auto;margin:10px 0;object-fit:cover;width:100%}.post-page_title{margin-bottom:20px}.post-page_data-container{align-items:center;border-radius:30px;box-shadow:0 5px 15px rgba(0,0,0,.2);display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem;width:700px}.post-page_data{width:95%}.post-page_image{display:block;height:auto;margin:auto;max-width:80%;object-fit:cover}.post-page_txt{display:block;line-height:1.3rem;margin-bottom:2rem;text-align:justify;width:100%}.post-page-likes,.post-page_txt{display:flex;flex-direction:column}.post-page-likes{align-items:center;height:70px;justify-content:space-between;margin-bottom:1rem}.arrow{cursor:pointer}.post-modification_error,.post-modification_status{font-weight:700;margin-bottom:1rem}.post-modification_status{color:green}.post-modification_error{color:red}.post-page_comment{width:50%}@media (max-width:992px){.post-page-body{padding-top:20px;width:100%}.post-page-form{align-items:center;flex-direction:column;margin:0}.post-page-form_btn-container,.post-page-form_data-container,.post-page-form_media-container{width:100%}.post-page-form_data-container{margin-top:2rem}.post-page-form_data-container textarea{height:300px}.post-page_data-container{border-radius:0;width:100%}.post-page_txt{padding-right:10px}.post-page-img_preview{max-height:400px;width:50%}.post-page_comment{width:100%}}
/*# sourceMappingURL=main.51a8d165.css.map*/