:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}.App{padding:0;margin:0;box-sizing:border-box;display:flex;width:100%;height:100%}.leftSideHome{flex:.155;padding:25px 10px}.middleSide{flex:.6;flex-direction:column;border-left:1px solid #e1e1e1;box-sizing:border-box}.rightSide{flex:.245}@media screen and (min-width: 920px) and (max-width: 1140px){.rightSide{display:none}.leftSideHome{flex:.2}.middleSide{flex:.8}}@media screen and (min-width: 320px) and (max-width: 920px){.rightSide,.leftSideHome{display:none}.middleSide{flex:1}}.leftSidePart{position:fixed}.logoPart{width:100px;height:30px;margin-left:30px}.logoImg{width:100%}.navLinkPart{display:flex;flex-direction:column;margin-top:55px}.navLink{display:flex;border-radius:5px;height:35x;align-items:center;padding:10px;margin-bottom:5px}.navLink:hover{background-color:#e8e8e8;cursor:pointer}.navName{font-weight:400}.profileImg{width:30px;border-radius:50%;margin-right:20px}.profileLink{display:flex;align-items:center;text-decoration:none;color:inherit;gap:10px}.middleHomeSide{width:100%;padding:0 50px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}.storyBlock{width:100%;height:120px;display:flex;align-items:center;gap:17px;overflow-x:auto}.storyBlock::-webkit-scrollbar{display:none}.storyParticular{width:66px;height:66px;display:flex;flex-direction:column;justify-content:center;align-items:center}.imageDIv{width:100%;height:56px;border-radius:100%;padding:2px;border:2px solid purple}.statusImg{width:100%;height:56px;border-radius:100%}.profileName{font-size:10px}.postSection{width:60%}.post{width:100%;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid gray}.postInfo{width:100%;display:flex;align-items:center;gap:10px;padding:5px 0}.postInfoImg{width:40px;border-radius:100%}.postInfousername{font-size:12px;font-weight:600}.timingInfo{color:gray;font-size:14px}.postImhage{width:100%}.iconsBlock{width:100%;padding:5px 0;display:flex;justify-content:space-between}.leftIcon,.rightIcon{display:flex;gap:15px;cursor:pointer}.likeImg{width:20px;border-radius:100%;position:absolute}.imagesLike{position:relative}.likeSection{width:100%;cursor:pointer}.likeImg2{width:20px;border-radius:100%;position:absolute;left:3%}.noOfLikes{position:absolute;font-size:14px;font-weight:600;margin-left:35px;cursor:pointer}.postAbout{width:100%;margin-top:25px;display:flex}.postAboutName{font-size:14px;font-weight:500}.infoComment{font-size:15px;margin-left:10px}.noOfComment{color:gray;font-size:14px;margin-top:5px;cursor:pointer}.addComment{color:gray;margin-top:5px;font-size:14px;cursor:pointer}.storyOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:200}.storyPopup{background:#000;padding:10px;border-radius:10px;max-width:400px;text-align:center}.popupImage{max-width:100%;border-radius:10px}.popupName{color:#fff;margin-top:10px}.mobileTopBar{display:none}@media screen and (min-width:320px) and (max-width: 920px){.middleHomeSide{width:100%;padding:0 1px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}.storyBlock{width:100vw}.postSection{width:100%}.mobileTopBar{display:inline;width:100%;padding:0 20px}.instaLogoMobile{width:103px;margin:0px 20}}.rightSideHome{display:flex;flex-direction:column;padding-top:30px;width:100%}.topProfileRight{display:flex;width:80%;align-items:center;justify-content:space-between}.imageDivRightSIde{width:45px;border-radius:100%}.imageRightSideProfile{width:100%;border-radius:100%;height:45px}.userNameBlock{display:flex;flex-direction:column}.userNameRightSide{font-size:14px;font-weight:500}.userFullName{font-size:14px;color:gray}.swithcBtn{font-size:12px;font-weight:500;color:#00f;cursor:pointer}.leftRightProfile{display:flex;gap:20px}.bottomRightSide{display:flex;flex-direction:column;width:80%}.suggestedBlock{display:flex;justify-content:space-between;color:gray;font-weight:500;font-size:14px}.followBlockRightSide{display:flex;flex-direction:column;padding-top:20px;gap:10px}.topProfileRightBottomProfile{display:flex;width:100%;align-items:center;justify-content:space-between}.profilePage{max-width:935px;margin:auto;padding:20px;background-color:#fff;font-family:Arial,sans-serif}.profileHeader{display:flex;align-items:center;padding-bottom:30px;border-bottom:1px solid #dbdbdb}.profileImgLarge{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-right:40px}.profileInfo{flex:1}.username{font-size:28px;font-weight:600;margin-bottom:10px}.stats{display:flex;gap:20px;margin-bottom:10px}.stats span{font-size:16px}.bio{font-size:14px;color:#555}.profilePosts{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:30px}.postItem{position:relative;width:100%;padding-top:100%;overflow:hidden}.postItem img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.postItem img:hover{transform:scale(1.05)}