*{margin:0;padding:0}body{background-color:#eeebeb}p{margin:0}.Navbar{margin:10px 1rem;box-shadow:0 2px 6px 3px rgba(0,0,0,.2);background-color:#fff;border-radius:10px;padding:5px 1rem}.Navbar .wrapper{display:flex;align-items:center;justify-content:space-between}.Navbar .logo{display:flex}.Navbar img{height:40px;width:40px;object-fit:cover;border-radius:50%;border:2px solid #a50a0a}.Navbar h3{margin-left:10px}.Navbar button{background-color:#131399;color:#fff;font-size:16px;font-weight:700;padding:2px 5px;border-radius:4px;transition:all .3s ease-in-out;border:2px solid transparent;text-transform:uppercase;letter-spacing:1px}.Navbar button:hover{background-color:initial;border:2px solid #131399;color:#131399}.Navbar .logout{background-color:#831010;margin-top:4px}.Navbar .logout:hover{border:2px solid #831010;color:#831010}.home{display:flex;margin:1rem 0;position:relative}.home .posts{flex:8 1}.posts .no-posts{text-align:center;background-color:#fff;border-radius:5px}.posts .no-posts h4{text-transform:uppercase;padding-top:10px}.posts .no-posts img{height:100px}.post{width:95%;margin:0 auto 20px;box-shadow:0 2px 6px 3px rgba(0,0,0,.2);border-radius:10px}.coling{padding:0 6px}.post .show-more{font-size:11px;margin-left:5px;color:#00668f}.post .wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column}.post .img{width:100%;position:relative;height:260px;cursor:pointer;object-fit:cover}.post .img:after{content:"";display:block;height:100%;width:100%;position:absolute;top:0;left:0;background-color:#333;opacity:.5;border-radius:10px 10px 0 0;z-index:0}.post .img>*{z-index:1}.post img{object-fit:fill;width:100%;height:100%;border-radius:10px 10px 0 0}.post .wrapper-img-info{display:flex;position:absolute;top:10px;left:15px;justify-content:space-between;width:90%;color:#fff;font-family:"Lora";align-items:center}.post .img p{margin:0;padding:0}.post .img-options{font-size:30px;cursor:pointer;position:absolute;top:-9px;right:-8px}.post .wrapper-info{background-color:#fff;border-radius:0 0 10px 10px;width:100%}.post .info{padding:10px}.post .info .tag{color:#666;font-weight:700}.post .info .title{font-size:20px;margin-top:10px;margin-bottom:0;font-weight:600;color:#222}.post .info .desc{font-size:17px;overflow:auto;font-weight:400;color:#555;margin:10px 0;width:95%;line-height:25px}.post .height{height:25px}.post .buttons{justify-content:space-between;margin:0 10px 5px}.post .buttons,.post button{display:flex;align-items:center}.post button{border:none;color:#00668f;background-color:initial}.post button .link{color:teal;display:flex;align-items:center}.post button:nth-of-type(3){color:#a72020}.post button .icon{font-size:20px;margin-left:3px}.post .edit{color:#fff}.post .icon-not-user{font-size:23px;color:#ce1010}.post .icon-not-user,.post .not-user{opacity:.5;cursor:not-allowed}.parent-side-form{position:relative;flex:4 1;margin-bottom:20px}.parent-side-form .wrapper-side{background-color:#fff;border-radius:6px;display:flex;flex-direction:column;box-shadow:0 3px 8px 4px rgba(61,49,49,.2)}.parent-side-form .wrapper-side .pagination{display:flex;justify-content:center;align-items:center;padding:4px}.pagination button{border:1px solid transparent;padding:2px 8px;background-color:#ddd;margin:4px 3px;display:flex;align-items:center;transition:all .4s ease}.pagination button:hover{background-color:initial;border:1px solid #000}.pagination .active,.pagination .active:hover{background-color:#000;color:#fff}.pagination .not-click{cursor:not-allowed;opacity:.6}.form{padding:10px;margin:0;transition:all .3s ease}.current-post{box-shadow:10px 10px 20px 5px rgba(0,0,0,.3)}.current-post .loading-form{display:inline-block;margin:0 auto;text-align:center;height:35px}.loading-form{display:none}.form .not-user{padding:2rem;text-align:center}.form h4{text-align:center;margin-bottom:0}.form form{margin-top:10px}.form form input:not(:last-child){width:100%;transition:all .4s ease;font-family:"Lora";padding:7px 10px;border-radius:4px;border:1px solid #ddd;margin:8px auto;outline:2px solid transparent}.form form input:hover{outline:2px solid #00668f}.form form input:nth-of-type(2){padding:1.4rem 10px}.form form input:nth-of-type(5){padding:10px 5px;font-size:14px;border:none}.form input:focus{outline:2px solid #00668f}.form button{display:flex;width:97%;align-items:center;justify-content:center;padding:6px 0;letter-spacing:1px;border:none;border-radius:5px;text-transform:uppercase;margin:8px auto 0}.form .submit{background-color:#0b0b58;color:#fff}.form .error-from-server{text-align:center;margin:0 auto 10px;background-color:#8d0e0e;color:#fff;width:80%;border-radius:5px;padding:4px 0}.form .cancel{background-color:grey;color:#fff}.form .clear{margin:8px auto;background-color:#8b0606;color:#fff}.form .create-error{text-align:center;margin:5px}.parent-side-form .wrapper-side .search{padding:10px}.parent-side-form .search form{display:flex}.parent-side-form .search input{width:100%;border:1px solid #ddd;padding:10px}.parent-side-form .search input:focus,.parent-side-form .search input:hover{outline:2px solid #00668f}.parent-side-form .search .icon{padding:10px;border:1px solid #00668f;background-color:#00668f;color:#fff;font-weight:500;transition:all .3s ease}.parent-side-form .search .button-search:hover{letter-spacing:2px}.auth{margin:1rem 2rem;align-items:center;justify-content:center;border-radius:5px}.auth .wrapper{background-color:#fff;border-radius:5px;padding:0 10px 10px;max-width:700px;margin:0 auto}.auth .wrapper .title{padding:1rem 0 0;text-align:center}.auth .wrapper input{border:1px solid #999;padding:7px;margin:0 10px 5px;border-radius:3px;background-color:#fff}.auth .wrapper .parent-one-input{display:flex;flex-direction:column;width:80%;margin:0 auto 10px}.auth .wrapper .label{margin:0 10px 5px;color:#444}.auth .wrapper span{color:#8d0b0b;margin:0 10px;font-size:13px;display:none}.auth .wrapper input:invalid[focused=true]~span{display:block}.auth .wrapper input:invalid[focused=true]{border:1px solid red}.auth .wrapper input:invalid[focused=true]:hover{border:1px solid red;outline:1px solid transparent}.auth .wrapper input:invalid[focused=true]:focus{outline:1px solid transparent}.auth .wrapper input:focus{outline:1px solid #0e95ca;border:1px solid #0e95ca}.auth .wrapper input:hover{outline:1px solid #0e95ca}.auth .error{opacity:0;transition:all .3s ease;background-color:#a30a0a;margin:1rem auto;width:90%;color:#fff;text-align:center;border-radius:4px;padding:3px 10px}.auth .invisble{opacity:1}.auth .wrapper .parent-buttons{display:flex;flex-direction:column;justify-content:center;margin:0 auto;width:80%}.auth .wrapper button{border-radius:5px;border:none;color:#fff;text-transform:uppercase;padding:5px;transition:all .3s ease}.auth .wrapper button:hover{letter-spacing:1px}.auth .wrapper button:first-child{margin-top:20px}.auth .wrapper .submit{background-color:#09095f;margin-bottom:8px}.auth .wrapper .auth-google{background-color:#850e0e}.auth .wrapper .change-mode{text-transform:capitalize;background-color:#ddd;color:#000;padding:2px;margin-bottom:1rem}.loading-from-post-details{width:50%;margin:0 auto;text-align:center;background-color:initial}.loading-from-post-details img{width:70%;object-fit:cover}.post-details .back{margin-left:1.5rem;font-size:20px}.post-details{background-color:#fff;box-shadow:0 2px 6px 3px rgba(0,0,0,.2);border-radius:4px;margin:1rem 4rem 0;padding:15px 0}.post-details .wrapper{display:flex;width:100%}.post-details .wrapper .img{margin:1rem 0;width:50%;text-align:center}.post-details .wrapper img{object-fit:cover;border-radius:1%;width:90%;height:90%}.post-details .wrapper .info{display:flex;width:50%;flex-direction:column;margin:1rem 3rem}.post-details .info .title{color:#222;margin-bottom:15px}.post-details .info .message{color:#777}.post-details .parent-tags{margin:1rem 0 8px;width:100%}.post-details .create-comment{display:flex;align-items:center;justify-content:space-between;margin:8px 10px 4px 0}.post-details .create-comment span{font-weight:600}.post-details .parent-tags h5{color:#666}.post-details .tags{color:#555;font-weight:600}.post-details .parent-comments{width:100%;display:block}.post-details .info-comment{display:flex;border:1px solid #ddd;align-items:center;justify-content:space-between;width:100%;margin:5px 0}.post-details .text-comment{height:320px;overflow-y:scroll;margin-bottom:1rem;border-radius:4px;padding-right:3px}.post-details .icon{margin-right:8px;font-size:20px;cursor:pointer}.post-details .icon-not-user{opacity:.5;cursor:not-allowed}.parent-comments .text-comment .comment{color:#777;padding:10px 6px;width:90%;overflow:hidden}.parent-comments .text-comment .comment-user{font-weight:400;color:#00668f}.post-details .write-comment{display:flex;flex-direction:column;justify-content:center}.post-details .write-comment input{padding:12px 10px;border:1px solid #777;margin-bottom:4px;border-radius:4px}.post-details .write-comment input:focus{outline:none}.post-details .no-comment{margin-bottom:5px}.post-details .write-comment button{border-radius:4px;background-color:#131399;color:#fff;text-transform:uppercase;border:none;padding:3px}.post-details .not-user{opacity:.5;cursor:not-allowed}@media (max-width:650px){.post-details .wrapper,.post-details .wrapper .info{width:100%}.post-details .wrapper .img{width:100%;height:100%;object-fit:cover;border-radius:1%}.post-details .wrapper img{width:100%;height:100%}.home,.post-details{margin:1.5rem}.post-details .text-comment{height:240px}.post-details .wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 30px}.home{display:flex;flex-direction:column-reverse}}@media (min-width:650px) and (max-width:976px){.post-details{margin:1.5rem 2rem}.parent-side-form{flex:7 1}.post-details .parent-comments .text-comment{height:240px}.parent-side-form .wrapper-side{position:fixed;display:flex;margin-right:20px;margin-left:10px}.posts{margin-right:15px;margin-left:25px}}@media (min-width:976px) and (max-width:1084px){.post-details .parent-comments .text-comment{height:200px}.parent-side-form .wrapper-side{position:fixed;display:flex;margin-right:1rem}.home .posts{margin:0 1.5rem}.parent-side-form{flex:4 1}.Navbar{margin:20px 1rem;padding:8px 2rem}}@media (min-width:1084px){.parent-side-form .wrapper-side{margin-right:2rem;margin-left:2rem;position:fixed;display:flex}.home .posts{margin-left:2rem;margin-right:9px}.parent-side-form{flex:3 1}.Navbar{margin:20px 1rem;padding:8px 2rem}.post-details .text-comment{height:200px}}
/*# sourceMappingURL=main.1690858a.chunk.css.map */