body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page{background-color:#ff0;height:100vh;margin:auto;width:100vw}.login-page,.page{display:flex;flex-direction:column}.login-page{align-items:center;background-color:red;height:80vh;margin:auto 10%;width:30vw}.get-details{align-content:center;display:flex;flex-direction:column;justify-content:center;margin-top:30%}.get-details input{height:5.5vh;margin:8% auto;width:100%}.login-submit{align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:center}.login-submit button{height:5vh;margin:10% auto;width:100%}.sign-up-submit{align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:center}.sign-up-submit button{height:5vh;margin:4% auto;width:70%}.main-div h1{background-color:#d1e7f8;margin:0;text-align:center}.dashboard{align-items:center;display:flex;flex-direction:row;height:70vh;margin:0 2%;padding-top:5%}.main-div{background:#eeadad80;height:100vh;margin:0}.trendPost-container{display:flex;flex:auto .20;flex-direction:column;flex-wrap:wrap;height:inherit;justify-content:space-around;margin:0 2px;padding:20px;width:15vw}.trend-hashtags,.user-hashtags{background-color:#f8f9fa;border:1px solid #ddd;border-radius:10px;height:45%}.postItem{margin-left:1%;overflow-x:hidden;padding:1% 0 2% 3.25%;width:92.5%}.modal-backdrop{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background-color:#fff;border-radius:5px;padding:20px}.post-container{border-radius:10px;height:80vh;margin:0;width:100%}.post-container,.posts-in{display:flex;flex-direction:column}.posts-in{height:85vh;justify-content:flex-start;margin:2%;overflow-y:auto;padding:1% 3% 1% 1%}.posts-in ul{margin:0;padding:0;width:100%}.postItem{word-wrap:break-word;background-color:#f8f9fa;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;list-style:none;margin-bottom:10px;overflow-wrap:break-word;width:100%}.create-post button{align-items:center;background-color:#fee6e3;border:2px solid #111;border-radius:8px;box-sizing:border-box;color:#111;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:16px;height:48px;justify-content:center;line-height:24px;max-width:100%;padding:0 25px;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}.create-post button:after{background-color:#111;border-radius:8px;content:"";display:block;height:48px;left:0;position:absolute;top:-2px;transform:translate(8px,8px);transition:transform .2s ease-out;width:100%;z-index:-1}.create-post button:hover:after{transform:translate(0)}.create-post button:active{background-color:#ffdeda;outline:0}.create-post button:hover{outline:0}@media (min-width:768px){.create-post button{padding:0 40px}.post-container{margin:0 10px;width:75vw}.posts-in{margin:2% 0;max-height:78vh}}@media (min-width:992px){.post-container{margin:0 1%}.posts-in{max-height:80vh}}@media (min-width:1200px){.post-container{margin:0 auto;max-width:1200px}}.profile-container{background-color:#f8f9fa;border:1px solid #ddd;border-radius:10px;flex:auto .15;height:78vh;margin-top:5%;overflow-y:auto;padding:2%;width:10vw}.userItems{box-sizing:border-box;display:flex;flex-direction:column;font-size:75%;height:350px;justify-content:flex-start;margin-top:0;overflow:hidden;overflow-y:auto;padding:5% 1% 1%;text-align:center}.userItems ul{margin:0;padding:0;width:100%}.profile-username{display:flex;flex-direction:column}.profile-name{color:#000;font-size:140%}.span-text{font-size:80%;font-weight:bolder;padding-top:20%;text-align:left}.fans-btn{display:flex;flex-direction:row;gap:8%;justify-content:center;padding-top:1rem}.fans-btn button{align-self:center;background-color:#fff;border-radius:7px;border-style:solid;border-width:3px;box-shadow:15px 28px 25px -18px #0003;color:#41403e;cursor:pointer;font-family:Neucha,sans-serif;font-size:80%;font-weight:bolder;padding:.4rem;transition:all 235ms ease-in-out}.fans-btn button:hover{box-shadow:2px 8px 8px -5px #0000004d;transform:translate3d(0,2px,0)}.fans-btn button:focus{box-shadow:2px 8px 4px -6px #0000004d}.logout-btn-container{display:flex;flex-direction:column;justify-content:center;margin-top:10%}.logout-btn{align-self:center;background-color:#e657577c;border-radius:7px;border-style:solid;border-width:3px;box-shadow:15px 28px 25px -18px #0003;color:#413f3e;cursor:pointer;font-family:Neucha,sans-serif;font-size:80%;font-weight:bolder;padding:.4rem;transition:all 235ms ease-in-out}.logout-btn:hover{background-color:red;box-shadow:2px 8px 8px -5px #0000004d;color:#fff;transform:translate3d(0,2px,0)}.logout-btn:focus{box-shadow:2px 8px 4px -6px #0000004d}@media (max-width:768px){.profile-container{width:20vw}.userItems{height:300px}.fans-btn{align-items:center;flex-direction:column}.fans-btn button{width:80%}}@media (max-width:480px){.profile-container{width:30vw}.userItems{height:250px}.fans-btn button{font-size:70%}}.profile-user li{list-style:none;padding:7%}.user-admire-name{align-items:center;display:flex;flex-direction:row;font-size:115%;font-weight:600;justify-content:center}.profile-user{display:flex;flex-direction:column}.createdBy-span{font-size:50%}.follow-btn{align-self:center;background-color:#fff;border-radius:7px;border-style:solid;border-width:3px;box-shadow:15px 28px 25px -18px #0003;color:#41403e;cursor:pointer;font-family:Neucha,sans-serif;font-size:95%;font-weight:bolder;margin-top:4%;padding:.4rem;transition:all 235ms ease-in-out}.follow-btn:hover{box-shadow:2px 8px 8px -5px #0000004d;transform:translate3d(0,2px,0)}.follow-btn:focus{box-shadow:#0000004d}.unfollow-btn{align-self:center;background-color:#fff;border-radius:7px;border-style:solid;border-width:3px;box-shadow:15px 28px 25px -18px #0003;color:#41403e;cursor:pointer;font-family:Neucha,sans-serif;font-size:95%;font-weight:bolder;margin-top:4%;padding:.4rem;transition:all 235ms ease-in-out}.unfollow-btn:hover{box-shadow:2px 8px 8px -5px #0000004d;transform:translate3d(0,2px,0)}.unfollow-btn:focus{box-shadow:#0000004d}
/*# sourceMappingURL=main.011a9e61.css.map*/