:root{--theme-color:#2087db;--secondary-color:#1b6db1;--grey:#d1d1d1}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.landing_page{background-image:url(/static/media/background.91698256.png);background-repeat:no-repeat;background-size:cover;background-position:0}.user_registration_section,.user_section{width:100%;height:100vh;background-repeat:no-repeat;background-size:cover;background-position:50%;font-size:14px;padding:0 10px}.user_registration_section .form-area{overflow-y:scroll}.form-area{background:#fff;max-width:30rem;max-height:25rem;margin-top:5rem;border:1px solid grey}.form-area .form-header{width:100%;background:var(--theme-color);height:2rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.form-heading{color:#fff;font-weight:900;font-size:14px}.form-area .form-body{padding:1.5rem 2rem}.user_section .form-control{border-radius:0;height:2.1rem;font-size:14px}.form-control:focus{border-color:var(--theme-color);box-shadow:none}.submit-button{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.submit-button .btn{background:var(--secondary-color);color:#fff;border-radius:2px;margin-bottom:10px}.link{margin-bottom:.2rem;color:var(--secondary-color)}@media only screen and (min-width:504px){.user_section{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.form-area{width:80rem}.user_registration_section{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}}#home{margin-top:1rem;font-size:14px}#home a:hover{text-decoration:none}#profile_display{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;background:var(--grey);margin:0 .4rem;border-radius:10px;padding:10px;position:-webkit-sticky;position:sticky;top:0}.image_section img{width:8rem;height:8rem;border-radius:50%;margin-bottom:10px}.user_name{font-size:22px;font-weight:900;text-align:center}.user_name a{color:#000}.user_name a:hover{text-decoration:none}textarea{resize:none}.activities,.tweets{border-left:1px solid var(--theme-color)}.view-profile{background:var(--theme-color);color:#fff}.action-button{font-size:12px}.action-button:hover{color:#fff}.edit-profile{background:var(--secondary-color);color:#fff}#edit_profile{margin-top:20px}#edit_profile .heading{width:100%;height:2rem;background:var(--theme-color);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#fff;font-weight:900}.save-changes-btn{background:var(--secondary-color);color:#fff;font-size:12px}.save-changes-btn:hover{color:#fff;background:var(--theme-color);transition:.2s linear}.selected-image-container{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.selected-image{width:8rem;height:8rem;border-radius:50%;margin-top:10px}.cancel-btn{background:var(--theme-color);color:#fff;font-size:12px}.cancel-btn:hover{background-color:var(--secondary-color);color:#fff;transition:.2s linear}@media only screen and (max-width:768px){#home{margin-top:1rem;padding:0 10px}.tweets{margin-top:2rem}}.comment-display{width:100%;height:auto;padding:5px 10px;background:#dfdddd;margin-bottom:.5rem;border-radius:10px}.comment-heading{display:-webkit-flex;display:flex}.image-section img{width:25px;height:25px;border-radius:50%;margin-right:5px}.comment-heading .info-section{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}.comment-heading .name{font-size:11px}.comment-heading .date{font-size:9px}.comment-body{font-size:13px}#display_tweets{font-size:14px}.tweet-container{background:var(--grey);margin-bottom:.2rem;padding:5px 1rem;border-radius:10px}.info-section{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.profile_pic img{width:30px;height:30px;border-radius:50%}.author-name{margin-left:5px}.author-name a{color:#000}.date-time{font-size:10px;margin-top:.5rem;margin-left:.4rem;color:#444141}.tweet-container .name{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.text-section{text-align:justify}.interaction-section{-webkit-justify-content:space-around;justify-content:space-around}.interaction-section,.like{display:-webkit-flex;display:flex}.like:hover{cursor:pointer}.like .text{margin-left:5px}.favorite{color:red}.comment:hover{cursor:pointer}.comment-button{background:var(--theme-color);color:#fff;font-size:13px}.comment-button:hover{color:#fff;background:var(--secondary-color)}.comment-section{max-height:15rem;overflow-y:scroll}.comment-section textarea{font-size:13px}.setting-button{float:right;margin-right:10px}.setting-button:hover{color:#000;cursor:pointer}.option-container{display:inline;width:100px;float:right}.hidden-menu:hover{cursor:pointer;background:var(--grey)}.error{margin:10px 0}.word-counter{font-size:10px}.tweet-btn{margin-bottom:1rem}.navbar{background:var(--secondary-color);width:100%}.navbar,.navbar a{color:#fff}.people_you_may_know{width:100%;max-height:60vh;background:#d1d1d1;overflow-y:scroll;scrollbar-width:none;padding-bottom:5px;position:-webkit-sticky;position:sticky;top:0;margin-bottom:15px}.people_you_may_know ::-webkit-scrollbar{display:none}.recommendation-header{width:100%;height:2.5rem;background:var(--secondary-color);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;color:#fff;margin-bottom:5px}.recommendation-header .heading{font-size:14px;font-weight:900}.recommended-users{margin-left:12px}.root{width:100%;background:#f1f1f1;margin-bottom:.2rem;margin-right:5rem;min-height:3rem;max-height:auto;border-radius:5px;padding:0 10px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.root .username{color:#000}.root .username :hover{text-decoration:none}.image_container{width:30%}.img-container img{width:30px;height:30px;border-radius:50%}.middle{margin-left:10px;width:60%}.unfollow{color:#df6969}.unfollow:hover{color:#e92b2b}.progress{width:100%;height:3rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.followers-section{background-color:var(--grey);max-height:85vh;overflow:hidden;scroll-behavior:auto}.followers-section .header{width:100%;background-color:var(--secondary-color);padding:.5rem;color:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.body{padding:.4rem 1rem}.followers-section .heading{font-size:16px;font-weight:900}.loading-section{width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin:1rem 0}#user-dashboard{margin-top:1rem}.user_profile img{width:100%;height:12rem;border-radius:10px}#user-dashboard a:hover{text-decoration:none}.data,.follow-info{font-size:14px}.user-posts{border-left:1px solid var(--theme-color);border-right:1px solid var(--theme-color)}.follow-info{color:var(--theme-color)}.root{font-size:14px}@media only screen and (max-width:768px){#user-dashboard{padding:0 10px}.user-profile{margin-bottom:1rem}}
/*# sourceMappingURL=main.794cbe70.chunk.css.map */