.switch,.form_header{max-width:500px;margin:auto;text-align:center}.form_header{padding-top:15vh;padding-bottom:20px}.form-control{display:flex;justify-content:center}.Sign-in-form,.log-in-form{display:flex;flex-direction:column;align-items:center;max-width:500px;margin:auto}.form-control{width:100%;padding-top:10px;padding-bottom:10px}.login_button{padding-top:10px;padding-bottom:20px}.homepage{position:relative;flex-direction:column;display:flex;height:100vh;overflow:hidden}.homepage .footer{display:flex;width:100%;height:10vh;position:absolute;justify-content:space-around;background-color:#fff;bottom:0px;align-items:center;box-shadow:5px 5px 100px gray}.homepage .footer .footer_icons:hover{color:#ff2a6b}.contact_list{flex-grow:1;overflow:scroll;padding-bottom:100px}.messages{padding:10px}.other_user_div{display:flex;align-items:center;gap:20px;margin:20px 10px;padding:5px;border:1px solid black;box-shadow:5px 5px 5px gray}.other_user_div .profile_img{width:50px;height:50px;border-radius:50%}.selected_contact{height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;z-index:10}.selected_contact .chat_header{position:relative;display:flex;gap:20px;align-items:center;height:fit-content;z-index:10}.selected_contact .chat_header .chat_username{font-size:1rem}.userProfile_pinkdiv{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh}.userProfile_pinkdiv .user_profile_pic{width:100px;height:100px;border-radius:50%}