.main{width:85%;max-width:405px}.main,.main .form .form__input{border:1px solid #707070;box-shadow:2px 2px 2px #cecece;border-radius:5px}.main .form .form__input{height:40px}.main .form .form__input[type=file]{display:none}.main .form .form__textarea,.main .profile-pic{border:1px solid #707070;box-shadow:2px 2px 2px #cecece;border-radius:5px}.main .profile-pic{color:#cecece;object-position:0 -10px}.news-feed{display:flex;flex-direction:column;justify-content:center;align-items:center;border:none;box-shadow:none}.news-feed button{margin-top:60px}.post{border:1px solid #707070;box-shadow:2px 2px 2px #cecece;border-radius:5px;margin:40px 0;max-width:405px;width:100%}.post .post__heading .profile-pic{width:40px;height:40px}.post .post__heading .post__author{margin:0}.post .post__heading .post__timestamp{margin:0;color:#707070}.post .post__body .post__image{width:100%;object-fit:cover}.post .post__body .post__text-content{margin:5px 10px}.post .comments-and-likes .comments-and-likes__qty{margin-left:10px;color:#707070}.post .comments-and-likes .icons__wrapper{display:flex;flex-direction:row;justify-content:space-around}.post .comments-and-likes .icons__wrapper .comments-and-likes__icons{margin:3px}.post .comments-and-likes .comment{display:flex;flex-direction:row;align-items:center;padding:5px}.post .comments-and-likes .comment .comment__author-profile-pic{border-radius:50%;width:30px;height:30px;margin:5px}.post .comments-and-likes .comment div{padding:8px;font-size:smaller;border-radius:15px;background-color:#f2f2f2;margin:5px}.button{border:1px solid #3c323d;box-shadow:2px 2px 2px #cecece;border-radius:5px;background-color:#1f25b4;font-weight:600;font-size:18px}.button--small{background-color:#8c089d}.button--small,.button--warning{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #3c323d;box-shadow:2px 2px 2px #cecece;border-radius:5px;padding:0 15px;color:#fff;text-decoration:none;font-weight:600;cursor:pointer;margin:15px 0;height:35px;font-size:15px}.button--warning{background-color:#8e045e}.error{background-color:red}body,html{min-height:100%;min-width:100%;padding:0;margin:0}#app{font-family:sans-serif}#app,.button{display:flex;flex-direction:column;justify-content:center;align-items:center}.button{border-radius:10px;background-size:200% 100%;font-size:15px;box-shadow:4px 4px 4px #cecece;border:none;border-radius:12px;box-shadow:none;padding:0 25px;color:#fff;text-decoration:none;font-weight:400;cursor:pointer;margin:15px 0;height:40px}.button,.button:hover{transition:all .2s ease-in-out;background-image:linear-gradient(90deg,#8c089d,#1f25b4)}.button:hover{background-position:100% 0}.button:focus-visible{outline:none}.nav{position:sticky;top:0;z-index:2;background:#1f25b4;background:linear-gradient(331deg,#1f25b4 12%,#8c089d 87%);padding:20px 0;width:100%;margin:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.nav .nav__logo{margin-left:70px;-webkit-transform:scale(2.7);transform:scale(2.7);display:block;width:55px}.nav .nav__icon{margin-right:30px;-webkit-transform:scale(1.25);transform:scale(1.25)}input:focus{outline:none!important}.main{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1.75px solid #323232;box-shadow:4px 4px 4px #cecece;border-radius:10px;margin:60px 0;padding:15px;max-width:375px;width:87%}.main .main__logo{z-index:1;margin:40px;-webkit-transform:scale(.65);transform:scale(.65)}@media only screen and (max-device-width:340px){.main .main__logo{-webkit-transform:scale(.5);transform:scale(.5)}.main h2{font-size:1.25rem}.main .main{width:82%}}.main .main__header{margin-bottom:30px;text-align:center;width:100%}.main .button-file-input{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;background-size:200% 100%;font-size:15px;box-shadow:4px 4px 4px #cecece;border:none;border-radius:12px;box-shadow:none;padding:0 25px;color:#fff;text-decoration:none;font-weight:400;cursor:pointer;margin:15px 0;height:40px;overflow:hidden;position:relative}.main .button-file-input,.main .button-file-input:hover{transition:all .2s ease-in-out;background-image:linear-gradient(90deg,#8c089d,#1f25b4)}.main .button-file-input:hover{background-position:100% 0}.main .button-file-input:focus-visible{outline:none}.main .button-file-input>input[type=file]{height:40px;position:absolute;top:0;right:0;opacity:0;width:100%}.main .form{width:100%;display:flex;flex-direction:column;font-size:16px}.main .form .form__input{box-sizing:border-box;border:1.75px solid #323232;box-shadow:4px 4px 4px #cecece;border-radius:10px;padding-left:15px;height:44px;margin-bottom:25px;font-size:16px}.main .form .form__input:focus{box-sizing:border-box;border:2.75px solid #1f25b4}.main .form .form__input:first-of-type{margin-top:25px}.main .form .form__textarea{border:1.75px solid #323232;box-shadow:4px 4px 4px #cecece;border-radius:10px;box-sizing:border-box;min-height:200px;resize:none;font-family:unset;font-size:16px;padding:10px;margin:20px 0}.main .form .form__textarea:focus{box-sizing:border-box;border:2.75px solid #1f25b4}.main .form :focus{outline:none!important}.main .img-preview{max-height:300px;object-fit:cover}.main .hr{border:none;background-color:#ccc;color:#ccc;height:1px;width:100%}.main .profile-pic{border-style:none;box-shadow:none;border-radius:50%;margin:20px 0;width:200px;height:200px;object-fit:cover;object-position:50% 50%}.main .account-details{font-weight:500;font-size:16px;text-align:center}.main .account-details .account-details__username{font-size:larger;font-weight:700}.main .account-details .trash-icon{color:#3c323d}.newsfeed{display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:none;margin:30px 0;padding:15px;max-width:375px;width:87%}.newsfeed button{margin:20px!important}.post{margin:10px 0;border-radius:10px}.post .post__heading{display:flex;width:100%;flex-direction:row;align-items:center}.post .post__heading .profile-pic{margin:15px;width:50px;height:50px;object-fit:cover;object-position:50% 50%;border-radius:50%}.post .post__heading .post__author{margin:0 4px 0 0}.post .post__heading .post__timestamp{margin:0 4px 0 0;color:#323232}.post .post__image{max-height:275px;object-fit:cover}.post .post__text-content{margin:5px 10px}.post .l-likes-and-comments-qty{display:flex}.post .comments-qty,.post .likes-qty{margin-left:10px;color:#7f7f7f}.post .l-icons-wrapper{display:flex;flex-direction:row;justify-content:space-around}.post .comments-and-likes__icons{border-style:none;background-color:#fff;color:#1f25b4;font-size:1.25em;margin:5px!important}.post .comments-and-likes__icons:hover{color:#2b32db;-webkit-transform:scale(1.05);transform:scale(1.05)}.post .comments{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;padding:5px}.post .comments .comment-profile-pic{border-radius:50%;width:35px;height:35px;object-fit:cover;object-position:50% 50%;margin:5px}.post .comments .l-flex-row{display:flex;flex-direction:column;justify-content:center;align-items:center}.post .comments .comment{width:100%;display:flex;flex-direction:row}.post .comments .comment-author{font-size:13px}.comment-form{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:5px 15px 8px}.comment-input{border:1.75px solid #323232;box-shadow:4px 4px 4px #cecece;border-radius:10px;box-shadow:2px 2px 2px #cecece;border-radius:6px;width:100%;height:30px;padding-left:10px}.comment-text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:5px 9px;font-size:smaller;border-radius:15px;background-color:#f2f2f2;margin:5px}.comment-text div{margin:4px}.error,.l-delete-account{display:flex;flex-direction:column;justify-content:center;align-items:center}.error{line-height:20px;border-radius:10px;margin:10px 0;color:#8c089d;background-color:#f5c2fc;padding:10px}.error,.text-center{text-align:center}.lds-spinner{display:inline-block;position:relative;width:80px;height:80px;margin:50vh auto 0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.lds-spinner div{-webkit-transform-origin:40px 40px;transform-origin:40px 40px;-webkit-animation:lds-spinner 1.2s linear infinite;animation:lds-spinner 1.2s linear infinite}.lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#8c089d}.lds-spinner div:first-child{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.lds-spinner div:nth-child(2){-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation-delay:-1s;animation-delay:-1s}.lds-spinner div:nth-child(3){-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-delay:-.9s;animation-delay:-.9s}.lds-spinner div:nth-child(4){-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation-delay:-.8s;animation-delay:-.8s}.lds-spinner div:nth-child(5){-webkit-transform:rotate(120deg);transform:rotate(120deg);-webkit-animation-delay:-.7s;animation-delay:-.7s}.lds-spinner div:nth-child(6){-webkit-transform:rotate(150deg);transform:rotate(150deg);-webkit-animation-delay:-.6s;animation-delay:-.6s}.lds-spinner div:nth-child(7){-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation-delay:-.5s;animation-delay:-.5s}.lds-spinner div:nth-child(8){-webkit-transform:rotate(210deg);transform:rotate(210deg);-webkit-animation-delay:-.4s;animation-delay:-.4s}.lds-spinner div:nth-child(9){-webkit-transform:rotate(240deg);transform:rotate(240deg);-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-spinner div:nth-child(10){-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-animation-delay:-.2s;animation-delay:-.2s}.lds-spinner div:nth-child(11){-webkit-transform:rotate(300deg);transform:rotate(300deg);-webkit-animation-delay:-.1s;animation-delay:-.1s}.lds-spinner div:nth-child(12){-webkit-transform:rotate(330deg);transform:rotate(330deg);-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes lds-spinner{0%{opacity:1}to{opacity:0}}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=main.c5cf5076.chunk.css.map */