.home_container{display:flex;justify-content:space-between}.topbar{height:50px;width:100%;background-color:#1877f2;display:flex;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:999}.topbar_left{flex:3 1}.topbar_logo{font-size:24px;margin-left:20px;font-weight:700;color:#fff;cursor:pointer}.topbar_center{flex:5 1;display:flex}.searchbar{width:100%;height:30px;background-color:#fff;border-radius:30px;display:flex;align-items:center}.search_icon{font-size:20px!important;margin-left:10px}.search_input{width:70%;border:none}.search_input:focus{outline:none}.topbar_right{flex:4 1;display:flex;justify-content:space-around;align-items:center;color:#fff}.topbar_link{margin-right:10px;font-size:14px;cursor:pointer}.topbar_icons{display:flex}.topbar_icon{margin-right:15px;cursor:pointer;position:relative}.topbar_icon:hover{background-color:grey}.topbar_badge{width:15px;height:15px;background-color:red;border-radius:50%;color:#fff;position:absolute;top:-5px;right:-5px;text-align:center;font-size:12px}.topbar_profile{height:32px;width:32px;border-radius:50%;object-fit:cover;cursor:pointer}.leftbar{flex:3 1;height:calc(100vh - 50px);overflow-y:scroll;position:-webkit-sticky;position:sticky;top:50px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{width:5px;background-color:#fff}::-webkit-scrollbar-thumb{width:5px;background-color:#e6e1e1}.leftbar_wrapper{padding:20px}.leftbar_lists{padding:0;margin:0;list-style:none}.leftbar_item{display:flex;align-items:center;margin-bottom:20px}.leftbar_icon{margin-right:15px}.leftbar_btn{width:150px;border:none;padding:10px;border-radius:5px;font-weight:500;cursor:pointer}.leftbar_hr{margin:20px 0}.friend_lists{padding:0;margin:0;list-style:none}.friend_item{display:flex;align-items:center;margin-bottom:15px}.friend_img{width:32px;height:32px;border-radius:50%;margin-right:10px;object-fit:cover}.feed{flex:5.5 1}.feed_wrapper{padding:20px}.share{width:100%;border-radius:13px;box-shadow:0 0 15px 4px rgba(0,0,0,.36)}.share_wrapper{padding:10px}.share_icon{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:10px}.share_top{display:flex;align-items:center}.share_input{border:none;width:70%}.share_input:focus{outline:none}.share_hr{margin:20px}.share_bottom{display:flex;align-items:center;justify-content:space-between}.share_options{display:flex;margin-left:20px}.share_option{display:flex;align-items:center;margin-right:20px;cursor:pointer}.share_option_icon{margin-right:10px}.share_option_text{font-size:13px;font-weight:500}.share_options_button{border:none;border-radius:5px;padding:8px;background-color:#7fffd4;font-weight:500;cursor:pointer}.shareimgcontainer{padding:0 20px 10px;position:relative}.shareimg{width:100%;object-fit:cover}.sharecancel{position:absolute;top:0;right:20px;cursor:pointer;opacity:.7}.post{width:100%;border-radius:8px;box-shadow:0 0 15px 4px rgba(0,0,0,.36);margin:30px 0}.post_wrapper{padding:20px}.post_top,.post_top_left{display:flex;justify-content:space-between;align-items:center}.post_top_left_img{width:32px;height:32px;border-radius:50%;object-fit:cover}.post_top_left_name{font-size:20px;font-weight:500;margin:0 10px}.post_top_left_date{font-size:12px}.post_center{margin:15px 0}.post_center_img{margin-top:20px;width:100%;max-height:500px;object-fit:contain}.post_bottom{justify-content:space-between}.post_bottom,.post_bottom_left{display:flex;align-items:center}.post_bottom_left_img{height:32px;width:32px;margin-right:6px;cursor:pointer}.post_bottom_left_likecounter{font-size:15px}.post_bottom_left_comment{cursor:pointer;border-bottom:1px dashed grey;font-size:15px}.rightbar{flex:3.5 1}.rightbar_wrapper{padding:20px 20px 0 0}.birthday{display:flex;align-items:center}.birthday_img{width:40px;height:40px;margin-right:10px}.birthday_text{font-weight:300;font-size:15px}.rightbar_ad{width:100%;border-radius:10px;margin:20px 0}.rightbar_friendlists{padding:0;margin:0;list-style:none}.rightbar_title{font-size:18px;font-weight:500;margin-bottom:10px}.rightbar_info{margin-bottom:30px}.rightbar_infoitem{margin-bottom:10px}.rightbar_infokey{font-weight:500;color:grey}.rightbar_infovalue{font-weight:300;color:#555}.rightbar_followings{display:flex;flex-wrap:wrap;justify-content:space-between}.rightbar_following{display:flex;flex-direction:column;margin-bottom:20px;cursor:pointer}.rightbar_followingsimg{width:100px;height:100px;object-fit:cover;border-radius:5px}.rightbar_topbtn{margin-top:30px;margin-bottom:10px;border:none;background-color:#7fffd4;border-radius:5px;padding:5px 10px;display:flex;align-items:center;font-size:16px;font-weight:500;cursor:pointer}.rightbar_topbtn:focus{outline:none}.rightbar_friend{display:flex;align-items:center;margin-bottom:1px}.rightbar_profile{margin:10px;position:relative;display:flex;align-items:center}.rightbar_profile_img{position:relative;width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:10px}.rightbar_profile_online{height:12px;width:12px;background-color:#32cd32;position:absolute;border-radius:50%;top:-2px;left:30px;border:2px solid #fff}.profile{display:flex}.profile_right{flex:10 1}.profile_cover{height:320px;position:relative}.profile_coverimg{width:100%;height:250px;object-fit:cover}.profile_userimg{width:150px;height:150px;border-radius:50%;object-fit:cover;position:absolute;left:0;right:0;margin:auto;top:150px;border:3px solid #fff}.profile_info{display:flex;align-items:center;flex-direction:column;justify-content:center}.profile_infoname{font-size:25px}.profile_infodesc{font-weight:lighter;color:hsla(0,0%,69%,.938)}.profile_right_bottom{display:flex}.login_box{height:300px}.login_button{width:100%}.login{width:100vw;height:100vh;background-color:#f0f2f5;display:flex;justify-content:center;align-items:center}.login_wrapper{width:70%;height:70%;display:flex}.login_left,.login_right{flex:1 1;display:flex;flex-direction:column;justify-content:center}.login_logo{font-size:50px;font-weight:800;color:#90e66f;margin-bottom:10px}.login_desc{font-size:24px}.login_box{height:400px;padding:20px;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between}.login_email,.login_pass{height:50px;border-radius:10px;border:1px solid grey;font-size:18px;padding-left:20px}.login_email:focus,.login_pass:focus{outline:none}.login_button{height:50px;border-radius:10px;border:none;background-color:#90e66f;color:#fff;cursor:pointer;font-size:20px;font-weight:500}.login_forgot{text-align:center;color:#90e66f}.login_register{width:60%;align-self:center;height:50px;border-radius:10px;border:none;background-color:#8a2be2;color:#fff;cursor:pointer;font-size:20px;font-weight:500}.messenger{height:calc(100vh - 90px);display:flex}.chat_menu{flex:3.5 1}.chatmenu_input{width:90%;padding:10px 0;border:none;border-bottom:1px solid grey}.chatmenu_input:focus{outline:none}.chat_box{flex:5.5 1}.chatbox_bottom{margin-top:5px;display:flex;align-items:center;justify-content:space-between}.chatbox_input{width:80%;height:90px;padding:10px}.chatbox_btn{width:70px;height:40px;border:none;border-radius:5px;cursor:pointer;background-color:#0ff}.chatbox_wrapper{display:flex;flex-direction:column;justify-content:space-between;position:relative}.chatbox_top{height:100%;overflow-y:scroll;padding-right:10px}.chat_online{flex:3 1}.chatbox_wrapper,.chatmenu_wrapper,.chatonline_wrapper{padding:20px;height:100%}.noconvo{position:absolute;top:10%;font-size:50px;color:#c2bebe;cursor:default}.conversation{display:flex;align-items:center;padding:10px;cursor:pointer;margin-top:10px}.conversation:hover{background-color:hsla(0,0%,50%,.336)}.conversation_img{width:40px;height:40px;border-radius:50%;margin-right:20px;object-fit:cover}.conversation_name{font-weight:500}.message{flex-direction:column;margin-top:20px}.message,.msg_top{display:flex}.msg_p{padding:10px;border-radius:20px;background-color:#7fffd4;max-width:300px}.msg_img{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:10px}.message_bottom{font-size:12px;margin-top:10px}.message.own{align-items:flex-end}.message.own .msg_p{background-color:#f0f8ff}.chatonline_friends{display:flex;align-items:center;font-weight:500;cursor:pointer;margin-top:10px}.chatonline_friend_img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #fff}.chatonline_friend{position:relative;margin-right:10px}.chatonline_friend_badge{position:absolute;width:10px;height:10px;border-radius:50%;background-color:green;top:2px;right:2px}
/*# sourceMappingURL=main.6b3b97eb.chunk.css.map */