@import url(https://ease-css.netlify.app/ease/css/ease.css);:root{--bg-light-color:#f0f2f5;--bg-white:#fff;--t-grey-1:#e7e7e7;--t-grey-2:#b1b1b1;--t-grey-3:#cacaca;--t-grey-4:#9c9c9c;--t-grey-5:#797979;--t-grey-6:#575757;--t-grey-7:#313131;--lvl-1:100;--lvl-2:200;--lvl-3:300;--lvl-4:400;--lvl-5:500;--lvl-6:600;--lvl-7:700;--lvl-8:800;--lvl-9:900;--lvl-10:1000}*{margin:0;padding:0;box-sizing:border-box}.t-grey-6{color:#575757}.t-grey-7{color:#313131}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}body{background-color:#f0f2f5;background-color:var(--bg-light-color)}.fakebtn,button{cursor:pointer}h1{margin:0}.mt03-rem{margin-top:.3rem}.mt05-rem{margin-top:.5rem}.global-shadow{box-shadow:0 2px 4px rgb(0 0 0/10%),0 8px 16px rgb(0 0 0/10%)}.w-100{width:100%}.bg-white{background-color:#fff;background-color:var(--bg-white)}.container{margin-top:4rem}.f-grey{color:#646464}.hr-grey{height:1px;background-color:#ccc;border:none;margin:auto;width:100%}.pl1-rem{padding-left:1rem}.hpx{width:100%}.signup{max-width:1440px;background:#f0f2f5}.signup-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:100vh}.signup-form,.signup .signup-container .signup-banner{width:50%}.signup-form form{border-radius:10px;background-color:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;padding:1rem 0;width:70%;box-shadow:0 2px 4px rgb(0 0 0/10%),0 8px 16px rgb(0 0 0/10%)}.signup-form .form-container{width:70%}.flex .btn-lg{background-color:#00eb00}.flex .btn-lg:hover{background-color:#00d400}@media screen and (max-width:599px){.signup-container{margin-top:5rem;grid-gap:2rem;gap:2rem;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none}.signup-form form{width:90%}.form-container{width:80%}.signup-form{-webkit-order:1;order:1}.signup-banner{-webkit-order:2;order:2}.signup .signup-container .signup-banner{width:60%}.signup-form{width:95%}}.signin{max-width:1440px;background:#f0f2f5}.signin-container{margin-top:2rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:100vh}.signin-form,.signin .signin-container .signin-banner{width:50%}.signin-form form{border-radius:10px;background-color:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;padding:1rem 0;width:70%;box-shadow:0 2px 4px rgb(0 0 0/10%),0 8px 16px rgb(0 0 0/10%)}.signin-form .form-container{width:70%}.form-container .flex input{padding:.5rem .3rem;width:100%;height:40px}.form-container input::-webkit-input-placeholder{color:#9c9c9c;font-size:1rem}.form-container input:-ms-input-placeholder{color:#9c9c9c;font-size:1rem}.form-container input::placeholder{color:#9c9c9c;font-size:1rem}.input-container{width:100%}.flex .btn-lg{background-color:#00ce4f;width:100%;transition:background-color .5s;color:#fff}.flex .btn-lg:hover{background-color:#1fbb00}@media screen and (max-width:599px){.signin-container{margin-top:3rem;grid-gap:2rem;gap:2rem;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none}.signin-form form{width:90%}.form-container{width:100%}.signin-form{-webkit-order:1;order:1}.signin-banner{-webkit-order:2;order:2}.signin .signin-container .signin-banner{width:60%}.signin-form{width:95%}}.links{color:#2b2b2b}.main-menu{background-color:var(--bg-white);width:70%;margin:1rem auto;border-radius:10px;grid-gap:1rem;gap:1rem}.main-menu,.main-menu .user-info{display:-webkit-flex;display:flex}.main-menu .user-info{width:40%}.main-menu .user-info img{border-radius:50%;max-width:150px}.main-menu .create-post{width:60%;border-radius:10px;-webkit-align-self:center;align-self:center}.create-post-home{background-color:var(--bg-light-color);padding:1rem;height:6rem;margin:1rem;border-radius:10px}.home-container{width:70%;min-height:100vh;margin:0 auto;background-color:#fff}.follow-more-container,.home-container{border-radius:10px;display:-webkit-flex;display:flex}.follow-more-container{background-color:var(--bg-light-color);min-height:auto;width:100%}.follow-more{padding:1rem .5rem 1rem 1rem;width:40%}.post-display-container{background-color:var(--bg-light-color);border-radius:10px;padding:.1rem 0}.post-display{padding:1rem 1rem 1rem .5rem;width:60%}.friends-to-follow{width:100%;height:auto}@media screen and (max-width:768px){.home-container{-webkit-flex-direction:column;flex-direction:column}.follow-more,.post-display{width:100%}.main-menu{-webkit-flex-direction:column;flex-direction:column;width:95%;grid-gap:0;gap:0}.home-container{width:95%}.main-menu .create-post{width:80%}.follow-more,.post-display{padding:1rem}.main-menu .user-info{padding-top:1rem;-webkit-flex-direction:column;flex-direction:column;-webkit-align-self:center;align-self:center}}@media screen and (max-width:450px){.main-menu{-webkit-flex-direction:column;flex-direction:column;width:100%;grid-gap:0;gap:0}.home-container{width:100%;margin:0}}.createpost{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:fixed;height:110%;width:100%;background-color:rgba(0,0,0,.795);left:0;z-index:var(--lvl-10);margin-top:-4rem}.createpost-container{position:absolute;padding:0;min-width:420px;max-width:auto;height:auto;max-height:auto;max-width:-webkit-max-content;max-width:max-content;border:1px solid #fff;background-color:var(--bg-light-color);border-radius:10px}.createpost-area textarea{background:none;border:none;font-size:1.2rem;min-height:8rem;width:100%;resize:none;font-family:inherit;overflow:hidden;padding:.5rem;color:var(--t-grey-7)}.createpost-area textarea:focus{outline-color:#d3d3d3}.createpost-container hr{width:100%;border-top:1px solid #d1d1d1}.global-avatar{width:50px;height:50px;border-radius:50%}.profile{width:70%;margin:0 auto;background-color:#fff;min-height:100vh}.profile-container{position:relative;z-index:var(--lvl-9)}.profile-container .cover{width:100%;height:100%}.profile-photo-container{margin-top:-5rem}.profile-photo{height:168px;width:168px}.profile-container .main-container{margin-top:2rem;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.profile-container .main-container .friends-info{width:40%;background-color:var(--bg-light-color);height:50vh;margin:1rem;border-radius:10px;padding:1rem}.profile-container .main-container .posts-display{width:60%;height:-webkit-max-content;height:max-content;background-color:var(--bg-light-color);margin:1rem;border-radius:10px}.posts-display .create-post{background-color:#fff;margin:1rem;border-radius:10px;min-height:5rem;padding:.5rem}.jsfe{margin-top:auto}@media screen and (max-width:768px){.profile{width:95%}.profile-container .main-container{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.profile-container .main-container .friends-info,.profile-container .main-container .posts-display{width:90%;margin:1rem}}.post-container{padding:1rem;border-radius:10px;background-color:var(--bg-white)}.post-content{margin:.5rem 0;overflow-wrap:break-word}.follow{width:40%;background-color:#fff;min-height:100vh;border-radius:10px;min-width:400px}@media screen and (max-width:400px){.follow{min-width:100%}}
/*# sourceMappingURL=main.a45aaf7c.chunk.css.map */