.post{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:300px;height:100%;padding:0;margin:0;border-radius:30px}.post,.post:hover{transition:.4s ease}.post:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.post__container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%;max-height:500px;-webkit-flex-direction:column;flex-direction:column;border-radius:30px;background:#fff;position:relative}.post__error--login{position:absolute;color:red;z-index:10;bottom:10px}.post__img{position:relative;width:100%;height:100%}.post__img img{border-top-left-radius:30px;border-top-right-radius:30px;width:100%;height:250px;object-fit:contain;object-position:center;background:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.3))}.post__img h2{top:25px;font-size:2rem;margin:0;padding:0}.post__img h2,.post__img p{color:#fff;position:absolute;left:20px}.post__img p{top:80px}.post__img div{position:absolute;top:10px;right:15px;font-size:3rem;margin:0;padding:0;z-index:99}.post__img--editlink{text-decoration:none;color:#fff;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.post__content,.post__img--editlink{display:-webkit-flex;display:flex;width:100%}.post__content{-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-flex-direction:column;flex-direction:column}.post__content p{opacity:.8;padding:0 10px;margin:0}.post__content h2{margin:0;padding:10px;font-weight:900}.post__content h4{-webkit-justify-content:flex-start;justify-content:flex-start;padding:0 10px;margin:0 0 20px;font-weight:700;opacity:1;max-height:100px}.post__buttons,.post__content h4{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:100%}.post__buttons{-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between}.post__buttons button{width:100%;height:40px;outline:none;border:none;color:red;position:relative;border-bottom-left-radius:30px;border-bottom-right-radius:30px;cursor:pointer;background:#fff}.post__buttons button:hover:after{width:100%;transition:.35s ease}.posts__click{text-decoration:none;color:#1f1f1f}.spinner{width:100px;height:100px;position:relative}.spinner div{box-sizing:border-box;position:absolute;width:100%;height:100%;border:10px solid transparent;border-top-color:#1313ca;border-radius:50%;-webkit-animation:spinnerOne 1.2s linear infinite;animation:spinnerOne 1.2s linear infinite}.spinner div:nth-child(2){border:10px solid transparent;border-bottom-color:#1313ca}@-webkit-keyframes spinnerOne{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);border-width:10px}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);border-width:1px}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);border-width:10px}}@keyframes spinnerOne{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);border-width:10px}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);border-width:1px}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);border-width:10px}}.posts{display:-webkit-flex;display:flex;width:100%;height:100%;padding:50px 0;margin:0;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/static/media/photo-1505118380757-91f5f5632de0.d98815f7.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.posts,.posts__container{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.posts__container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,auto));width:80%;grid-column-gap:20px;grid-row-gap:50px;padding:0 20px}.posts__search{width:340px;height:100%;display:-webkit-flex;display:flex;-webkit-align-self:flex-start;align-self:flex-start;margin-bottom:50px;margin-right:10px;padding:10px 100px 10px 10px}.posts__search--container{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;width:100%;background:#076585;background:linear-gradient(90deg,#fff,#076585);border-radius:30px;padding:20px}.posts__search--error{position:absolute;z-index:2;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:red}.posts__search--container form{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:relative}.posts__search--container h3{font-size:1.5rem;text-align:center;margin:0;padding:none;background:#373b44;background:linear-gradient(90deg,#4286f4,#373b44);-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.posts__search--container input{width:250px;height:40px;outline:none;border:none;border-radius:10px}.posts__search--container button{outline:none;border:2px solid #000;width:150px;height:30px;border-radius:30px;background:#fff;position:relative;transition:all .3s ease;margin-bottom:10px;cursor:pointer}.posts__search--container button:hover{color:#131313}.posts__search--container button:after{content:"";position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));transition:all .3s ease;border-radius:30px}.posts__search--container button:hover:after{width:100%}.posts__loading{color:red;font-size:5rem;z-index:3}.posts__loader{position:absolute;width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));z-index:99}.posts_nopost{color:red;z-index:99;position:absolute}@media screen and (max-width:980px){.posts{-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.posts__search{width:300px;-webkit-align-self:center;align-self:center;justify-self:center;text-align:center;padding:0}.posts__search--container input{width:250px}}.form__container{padding:20px;box-shadow:10px 10px 15px 10px rgba(0,0,0,.5);width:400px}.form__container form{-webkit-flex-direction:column;flex-direction:column}.form__container form,.form__container input{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%}.form__container input{padding:20px 0;margin:10px 0}.form__buttom--submit{display:-webkit-flex;display:flex;-webkit-justify-content:center;width:100%;-webkit-align-items:center;align-items:center;justify-content:center;padding:15px 0;margin-bottom:10px;background:#a8ff78;background:linear-gradient(90deg,#78ffd6,#a8ff78);outline:none;border:none;border-radius:50px;position:relative}.form__buttom--submit:after{position:absolute;top:0;content:"";width:0;left:0;height:100%;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));transition:.35s ease;border-radius:50px}.form__buttom--submit:hover:after{width:100%;transition:.35s ease}.form__buttom--delete{display:-webkit-flex;display:flex;-webkit-justify-content:center;width:100%;-webkit-align-items:center;align-items:center;justify-content:center;padding:15px 0;margin-bottom:10px;background:#f00000;background:linear-gradient(90deg,#dc281e,#f00000);outline:none;border:none;border-radius:50px;position:relative}.form__buttom--delete:after{position:absolute;top:0;content:"";width:0;left:0;height:100%;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));transition:.35s ease;border-radius:50px}.form__buttom--delete:hover:after{width:100%;transition:.35s ease}.form__error{color:red;margin:5px}.input__error{border:3px solid red}.form__textarea{max-width:400px;max-height:100px;margin:0;padding:0}@media screen and (max-width:500px){.form__container{width:250px}.form__textarea{max-width:250px;max-height:70px}}.createpost{height:100vh;margin:0;padding:30px 0;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/static/media/photo-1506477331477-33d5d8b3dc85.1413512f.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.createpost,.createpostpost__container{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.createpostpost__container{-webkit-flex-direction:column;flex-direction:column;border:none}.createpost__container h1{text-align:center;font-size:3rem;background:#2980b9;background:linear-gradient(90deg,#fff,#6dd5fa,#2980b9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent;margin:0}.createpost__loader{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));height:100%;z-index:2}.createpost__loader,.editpost{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.editpost{height:100vh;margin:0;padding:0;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/static/media/photo-1506477331477-33d5d8b3dc85.1413512f.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.editpost__container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:100px 0}.editpost__container h1{text-align:center;font-size:3rem;background:#2980b9;background:linear-gradient(90deg,#fff,#6dd5fa,#2980b9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent;margin:0}.navbar{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:1.2rem;z-index:999;position:-webkit-sticky;position:sticky;top:0;background:#2980b9;background:linear-gradient(90deg,#fff,#6dd5fa,#2980b9)}.navbar,.navbar__container{display:-webkit-flex;display:flex;height:80px}.navbar__container{-webkit-justify-content:space-between;justify-content:space-between;width:100%;margin:0 auto;padding:0 50px;z-index:1}.navbar__logo{-webkit-justify-content:center;justify-content:center;background:#373b44;background:linear-gradient(90deg,#4286f4,#373b44);-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;font-size:3rem;text-decoration:none;cursor:pointer}.navbar__logo,.navbar__menu{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.navbar__menu{list-style:none}.navbar__items{height:80px}.navbar__links{width:125px;text-decoration:none;transition:all .3s ease}.navbar__links,.navbar__links--user{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:100%;color:#fff}.navbar__links--user{width:200px;text-align:center}.navbar__links--user span{background:#da4453;background:linear-gradient(90deg,#89216b,#da4453);-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.navbar__links:hover{color:#042457;transition:all .35s ease}.navbar__menu button{outline:none;border:none;height:40px;width:125px;background:red;font-size:1.5rem;margin-top:20px;border-radius:20px}@media screen and (max-width:960px){.navbar__container{display:-webkit-flex;display:flex;height:80px;z-index:1;max-width:1300px;padding:0}.navbar__container,.navbar__menu{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%}.navbar__menu{display:grid;grid-template-columns:auto;margin:0;position:absolute;top:-1000px;opacity:1;transition:all .5s ease;z-index:-1}.navbar__menu.active{background:#2193b0;background:linear-gradient(90deg,#6dd5ed,#2193b0);z-index:99;top:100%;opacity:1;font-size:1.6rem;transition:all .5s ease;height:60vh;margin-right:30px}.navbar__items{width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.navbar__links{text-align:center;padding:0;width:100%;display:table}.navbar__toggle .bar{width:25px;height:3px;margin:5px auto;transition:all .3s ease-in-out;background:#fff}#mobile-menu{position:absolute;top:20%;right:5%;-webkit-transform:translate(5%,20%);transform:translate(5%,20%)}.navbar__toggle .bar{display:block;cursor:pointer}#mobile-menu.is-active .bar:nth-child(2){opacity:0}#mobile-menu.is-active .bar:first-child{-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}#mobile-menu.is-active .bar:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}}@media screen and (max-width:370px){.navbar__logo{font-size:1.5rem}}.footer{-webkit-justify-content:center;justify-content:center;background:#2980b9;background:linear-gradient(90deg,#fff,#6dd5fa,#2980b9);padding:80px 10px;position:relative;bottom:100%}.footer,.footer__container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:80px}.footer__container{-webkit-justify-content:space-evenly;justify-content:space-evenly;width:100%}.footer__logo{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;font-size:1.5rem;text-decoration:none;cursor:pointer}.footer__container p,.footer__logo{background:#373b44;background:linear-gradient(90deg,#4286f4,#373b44);-webkit-background-clip:text;-moz-background-clip:text}.footer__container p{-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.footer__icons{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-evenly;justify-content:space-evenly;width:30%}@media screen and (max-width:550px){.footer__container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column}}.auth{width:100%;height:100vh;background:url(/static/media/photo-1522441815192-d9f04eb0615c.cb254455.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.auth,.auth__container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.auth__container{-webkit-flex-direction:column;flex-direction:column;background:transparent;box-shadow:5px 5px 17px 5px;border-radius:30px;position:relative}.auth__container h5{font-size:3rem;background:#2980b9;background:linear-gradient(90deg,#fff,#6dd5fa,#2980b9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent;margin:20px 0 0}.auth__error{color:red;margin:20px 0 0;padding:0;position:absolute;top:55px}.auth__names{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.auth__names .auth__input{width:150px;height:50px}.auth__input{width:300px;height:50px;padding:0;margin:20px 10px;outline:none;border:none;border-radius:5px}.auth__button{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:200px;height:50px;margin-bottom:10px;outline:none;border-radius:30px;background-color:transparent;border:2px solid #fff;font-size:1.5rem;transition:all .3s ease}.auth__button:hover{background-color:#b0efeb;transition:all .3s ease}.auth__ends{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%;height:40px}.auth__ends button{background-color:transparent;outline:none;border:none;width:100%;height:100%}.auth__button--google{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:200px;height:50px;margin-bottom:20px;background:transparent;border:2px solid #fff;outline:none;border-radius:40px;font-size:1.1rem}.auth__button--google i{margin-right:20px}.auth__button--google:hover{background-color:#b0efeb;transition:all .3s ease}.auth__form{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.auth__button--show{position:absolute;right:20px;top:35px;border:none;outline:none}.auth__password--show{position:relative}.comment__container{-webkit-align-self:flex-start;align-self:flex-start;width:100%;height:100%}.comment__form{width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;position:relative}.comment__form h2{font-size:2.5rem;padding:0;margin-bottom:10px}.comment__form textarea{width:500px;height:100px;max-width:500px;max-height:100px;min-width:500px;min-height:100px;margin-bottom:20px}.comment__form button{width:50%;height:40px;border:2px solid #000;outline:none;border-radius:30px;transition:.3s ease;background-color:#fff}.comment__form p{color:red;margin:auto;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.comment__form button:hover{transition:.3s ease;background:rgba(18,183,224,.315)}@media screen and (max-width:600px){.comment__form textarea{max-width:300px;width:300px;min-width:300px}}@media screen and (max-width:350px){.comment__form textarea{max-width:200px;width:200px;min-width:200px}}.postdetail{width:100%;height:100%;margin:0;padding:0}.postdetail__container{width:96%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;-webkit-justify-content:center;justify-content:center;margin:50px 0 50px 15px;padding:20px;border-radius:30px;border:1px solid #000;box-shadow:1px 1px 10px 1px #000}.postdetail__details{display:-webkit-flex;display:flex;width:100%;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-flex-direction:column;flex-direction:column;padding:10px;margin:0}.postdetail__details h1{font-size:5rem;text-transform:capitalize;margin:0;font-weight:900}.postdetail__details h3{font-size:1rem;font-weight:500;padding-bottom:10px;border-bottom:2px solid #131313}.postdetail__details p{font-size:1rem}.postdetail__details h5{margin-bottom:10px;font-size:1rem;font-weight:100px}.postdetail__details button{width:200px;-webkit-align-self:center;align-self:center;outline:none;background:#fff;border:2px solid #000;height:40px;border-radius:10px;transition:all .3s ease-in-out}.postdetail__details button:hover{background:#2980b9;background:linear-gradient(90deg,#fff,#6dd5fa,#2980b9);transition:all .3s ease-in-out}.postdetail__details .fas{color:red}.postdetail__image{width:800px;height:100%;margin:0}.postdetail__image,.postdetail__image img{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.postdetail__image img{-webkit-align-items:center;align-items:center;max-width:800px;max-height:500px;object-fit:fill;border-radius:30px}.postdetail__comment--post{width:100%}.postdetail__comment{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.postdetail__comment h2{font-size:2.5rem}.postdetail__comment--card{display:-webkit-flex;display:flex;width:80%;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;border-radius:10px;box-shadow:5px 5px 10px 5px #000;margin-bottom:20px;padding:20px;position:relative}.postdetail__comment--card h3{margin:0 0 10px 30px;width:80%;border-bottom:2px solid #131313}.postdetail__comment--card h4{margin:0;padding-left:30px;padding-right:100px}.postdetail__comment--card button{width:100px;position:absolute;right:20px;top:30px;outline:none;background-color:red;border:none;height:35px;border-radius:10px;margin:none;padding:none}.postdetail__profile-pic{position:absolute;top:30px;left:15px}@media screen and (max-width:1200px){.postdetail__container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;width:89%}.postdetail__details{text-align:center}}@media screen and (max-width:900px){.postdetail__image img{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;max-width:500px;max-height:500px;object-fit:fill;border-radius:30px}.postdetail__details h1{font-size:3rem}}@media screen and (max-width:570px){.postdetail__image img{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;max-width:280px;max-height:500px;object-fit:fill;border-radius:30px}.postdetail__container{width:80%}}body,html{width:100%;height:100%;padding:0;margin:0;scroll-behavior:smooth;box-sizing:border-box;overflow-x:hidden;font-family:"Roboto",sans-serif}
/*# sourceMappingURL=main.0db9773b.chunk.css.map */