@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,700;1,800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cookie&display=swap);@import url(https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap);:root{--primary-color:#1e1e2a;--primary-gradient:linear-gradient(90deg,#5263f3 25%,#7f4ee9 76%,#ac39df);--text-color-100:#f9f9fa;--icon-color:#5b5a72;--btn-color:#834cff}body{margin:0;padding:0;overflow-x:hidden;font-family:"Poppins",sans-serif;background-color:#1e1e2a;background-color:var(--primary-color)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-float 3s ease-in-out infinite;animation:App-logo-float 3s ease-in-out infinite}}.App-header{min-height:100vh;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;font-size:calc(10px + 2vmin)}.App-link{color:#704cb6}@-webkit-keyframes App-logo-float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes App-logo-float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@media only screen and (min-width:768px){.p-24{padding-left:20rem!important}.p-20{padding-left:7rem!important}.p-26{padding-left:22rem!important}.p-18{padding-left:15rem!important}.p-23{padding-left:17rem!important}.nav{left:0;width:15rem!important;height:100%!important}.nav div{height:100%;padding-top:3rem;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start!important;justify-content:flex-start!important;grid-row-gap:1.5rem;row-gap:1.5rem}.nav div a{width:100%;position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;text-decoration:none}.post{width:2.4rem!important;height:2.4em!important;border-radius:10px;justify-items:center}.post,.post-btn{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.post-btn{width:100%;position:relative;-webkit-justify-content:space-around;justify-content:space-around;cursor:pointer}.tag{color:var(--icon-color);display:block!important}.heading{box-shadow:var(--icon-color) 6px -2px 7px!important;margin-left:.1rem}}.nav{height:4rem;background-color:var(--primary-color);position:fixed;bottom:0;box-shadow:var(--icon-color) 0 2px 5px 0;z-index:10}.nav,.nav div{width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around}.nav svg{width:1.9rem;color:var(--icon-color);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.post{width:2.4rem;height:2.4em;border-radius:10px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;justify-items:center;background:linear-gradient(240deg,#5263f3 25%,#7f4ee9 76%,#ac39df)}.post svg{width:100%;color:var(--primary-color)}.active *{color:var(--text-color-100)}.active *,.in-active *{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.in-active *{color:var(--icon-color)}.tag{display:none}.white{color:#fff!important}.disabled{color:var(--icon-color)!important}.splash-screen{height:100vh;width:100%;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;color:var(--text-color-100);z-index:2;position:fixed}.banner-img{width:100%}.splash-screen h1{font-size:1.2rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.splash-screen-heading{font-size:2.5rem!important;font-family:"Cookie",cursive}.loader{width:3rem}.banner-loader{display:-webkit-flex;display:flex;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2.5rem}.banner-loader p{font-size:2rem;-webkit-align-self:flex-end;align-self:flex-end}.hide{-webkit-animation:hide 1s linear;animation:hide 1s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.wave{position:fixed;bottom:0}@-webkit-keyframes hide{0%{opacity:1}to{opacity:0}}@keyframes hide{0%{opacity:1}to{opacity:0}}@media only screen and (min-width:768px){.banner-img{width:25rem}.wave{display:none}}.profile-list-card{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;grid-column-gap:.2rem;-webkit-column-gap:.2rem;column-gap:.2rem}.profile-list-card .user-info{width:90%;border-top:none;border-bottom:none}.post-card,.post-image{width:100%}.user-info{display:-webkit-flex;display:flex;border-top:1px solid rgba(67,66,84,.5);border-bottom:1px solid rgba(67,66,84,.5);-webkit-align-items:center;align-items:center;color:var(--text-color-100);grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem;padding-left:.4rem}.user-profile-card{border-radius:50%;width:2.5rem;height:2.5rem}.post-actions{padding-left:.5rem;grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem;padding-bottom:.2rem;border-bottom:1px solid rgba(67,66,84,.5)}.post-actions,.post-actions span{display:-webkit-flex;display:flex}.post-actions span{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.post-actions svg{width:2rem;color:var(--icon-color)}.caption{border-bottom:1px solid rgba(67,66,84,.5)}.caption-content{text-align:left;padding:0 .5rem;line-height:1.15rem;color:var(--text-color-100);font-weight:200}.caption .username{font-weight:500;width:auto;margin-right:.5rem}@media only screen and (min-width:768px){.post-card{width:50%}}.home{width:100%;height:100vh}.wrapper{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;padding-top:3rem;padding-bottom:6rem;grid-row-gap:1rem;row-gap:1rem}.heading,.wrapper{width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.heading{background-color:var(--primary-color);height:3rem;box-shadow:var(--icon-color) 0 -2px 5px}.page-heading{font-family:"Cookie",cursive;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;width:auto;text-align:left;padding-left:1rem}.search{width:100%;height:100vh}.search,.search-bar{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.search-bar{grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem;margin-top:1rem;border:1px solid rgba(67,66,84,.5);-webkit-align-items:center;align-items:center;height:2.5rem;padding:0 .5rem;background-color:var(--primary-color)}.search-bar svg{color:var(--icon-color);width:2rem}.search-input{background-color:transparent;border:none;border-left:1px solid rgba(67,66,84,.5);height:100%;color:var(--text-color-100);font-weight:200;font-size:1rem;padding:0 .4rem}.search-input:focus{outline:transparent}.search-wrapper{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;width:100%;position:fixed;height:4rem;background-color:var(--primary-color)}.profile-listing{margin-top:4.5rem;overflow-y:scroll;-webkit-flex-direction:column;flex-direction:column;grid-row-gap:.5rem;row-gap:.5rem;padding-bottom:7rem}.profile-listing,.profile-listing .banner-loader{display:-webkit-flex;display:flex;width:100%;-webkit-align-items:center;align-items:center}.profile-listing .banner-loader{background-color:#000;height:100%;-webkit-justify-content:center;justify-content:center}@media only screen and (min-width:768px){.search-input{width:30rem}.profile-listing{padding-left:15rem}.p-56{position:absolute;top:0;left:7rem}}.login{width:100%;height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;grid-row-gap:1rem;row-gap:1rem}.login .splash-screen-heading{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-wrapper{-webkit-align-items:center;align-items:center;width:75%}.input-fields,.login-wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.input-fields{margin-top:1rem;-webkit-align-items:flex-start;align-items:flex-start;width:100%;position:relative;line-height:44px}.input-fields,label{color:var(--text-color-100)}label{margin:0;position:absolute;left:0;bottom:-5px;font-size:.9rem;transition:.5s ease;font-weight:300}.input{height:2rem;width:100%;border:none;background-color:transparent;border-bottom:1px solid var(--icon-color);color:var(--text-color-100);padding:0;z-index:var(--index-5)}input:focus~label,input:valid~label{-webkit-transform:translateY(-20px);transform:translateY(-20px);font-size:.7rem;color:var(--text-color)}.input:focus{outline:transparent;border-bottom:1px solid var(--text-color-100)}.primary-btn{width:7rem;height:2rem;color:var(--text-color-100);font-weight:400;font-size:1rem;background-color:#834cff;border-radius:3px;border:none;cursor:pointer}.navigation-link{color:var(--text-color-100);font-size:.7rem;text-decoration:none}.login-heading{margin-top:3rem;color:var(--text-color-100);color:#834cff}.login h2{margin-bottom:0;font-size:2rem;font-family:"PT Sans",sans-serif}.login p{margin-top:.2rem}.arrow{width:5rem;position:absolute}.arrow-random-1{bottom:0;left:-1rem;width:10rem}.arrow-random-2{right:1.5rem;width:7rem;-webkit-transform:rotate(140deg);transform:rotate(140deg);opacity:.5}.danger{color:#ed4956}@media only screen and (min-width:768px){.login-wrapper{width:25%}}.create-post{width:100%;height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.file-upload{display:none}.image-container{width:100%;height:15rem;background-color:rgba(91,90,114,.3);position:relative;margin-top:3.5rem}.overlay{color:var(--icon-color);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;position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.2);transition:.3s ease}.overlay p{margin-top:0}.overlay svg{width:3rem}.caption-container{width:18rem;height:7rem;background-color:transparent;border-radius:3px;margin-top:2rem;border:1px solid var(--icon-color);color:#fff;padding:1rem;resize:none}.caption-container:focus{outline:none}.heading{z-index:1;position:fixed;top:0}.page-title{color:var(--text-color-100);font-size:1.3rem;padding-left:1rem;font-weight:200;font-family:"PT Sans",sans-serif}.post-action{margin-top:2rem;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;width:90%;padding-right:.2rem}.uploaded-image{width:100%;height:100%}.post-loader{position:fixed;z-index:2;width:100vw!important;height:100%!important;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;background-color:rgba(0,0,0,.4);-webkit-align-items:center;align-items:center;color:#fff;-webkit-flex-direction:column;flex-direction:column}@media only screen and (min-width:768px){.create-post{width:70%!important;padding-left:10rem}.caption-container{width:80%}}.bio-profile-wrapper{width:10rem}.bio-profile{width:10rem;height:10rem;border-radius:50%;background-image:url(/static/media/skeleton-image.f4eb2a3e.jpg)}.bio-wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;padding-top:3rem;position:relative;align-items:center}.details-wrapper{text-align:left;color:var(--text-color-100);margin-top:4rem}.details-wrapper div{width:15rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.table-header{padding-right:1.5rem}table{border-collapse:separate;border-spacing:10px}.profile-loader{position:fixed;top:0;z-index:2;width:100%!important;height:100%!important;background-color:rgba(0,0,0,.4);color:#fff}.profile-loader,.profile-overlay{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}.profile-overlay{color:var(--text-color-100);position:absolute;width:100%;height:97%;background-color:rgba(0,0,0,.3);border-radius:50%;top:-.1rem}.profile-overlay svg{width:2rem}.profile-overlay p{margin-top:0}.bio-profile-wrapper{position:relative}.bio-wrapper .primary-btn{width:10rem;position:fixed;bottom:7rem;right:2rem}.primary-btn:disabled{-webkit-filter:brightness(80%);filter:brightness(80%)}
/*# sourceMappingURL=main.7b64c9a2.chunk.css.map */