*{margin:0}.header{display:flex;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;background-color:#fff;box-shadow:0 5px 8px -9px #000;z-index:100;padding:5px 10px}.header__left{justify-content:space-evenly;margin-right:70px}.header__input,.header__left{display:flex;align-items:center}.header__input{background-color:#eff2f5;border-radius:99px;padding:10px;margin-left:10px}.header__input>input{outline-width:0;border:0;background-color:transparent}.header__left>img{height:40px}.header__middle{display:flex;justify-content:center;max-width:720px}.header__option>.MuiSvgIcon-root{color:grey}.header__option--active>.MuiSvgIcon-root,.header__option:hover>.MuiSvgIcon-root{color:#1877f2}.header__option--active,.header__option--active:hover{border-bottom:4px solid #1877f2}.header__option{display:flex;align-items:center;padding:0 45px;cursor:pointer}.header__option:not(:first-child):hover{background-color:#eff2f5;border-radius:10px}.header__info{display:flex;align-items:center}.header__info>h4{margin-left:10px}.header__right,.sidebarRow{display:flex}.sidebarRow{align-items:center;padding:10px;cursor:pointer}.sidebarRow:hover{background-color:#d3d3d3;border-radius:10px}.sidebarRow>h4{font-weight:600;margin-left:20px}.sidebarRow>.MuiSvgIcon-root{color:#1877f2;font-size:xx-large}.sidebar{padding:25px 10px;flex:0.33 1}.storyReel{display:flex}.story{position:relative;background-position:50%;background-size:cover;background-repeat:no-repeat;height:200px;width:110px;box-shadow:0 5px 17px -7px rgba(0,0,0,.75);border-radius:10px;margin-right:10px;transition:transform .1s ease-in;cursor:pointer}.story:hover{transform:scale(1.07)}.story__avatar{margin:10px;border:5px solid #1877f2}.story>h4{position:absolute;bottom:20px;left:20px;color:#fff}.feed{padding:30px 0;justify-content:center;align-items:center;max-width:720px}.feed,.messageSender{display:flex;flex-direction:column}.messageSender{background-color:#fff;margin-top:30px;margin-bottom:15px;border-radius:15px;box-shadow:0 5px 7px -7px rgba(0,0,0,.75);width:100%}.messageSender__top{display:flex;align-items:center;border-bottom:1px solid #eff2f5;padding:15px}.messageSender__top>form{display:flex;flex:1 1}.messageSender__top>form>input{outline-width:0;border:none;padding:10px 20px;margin:0 10px;border-radius:999px;background-color:#eff2f5}.messageSender__top>form>button{display:none}.messageSender__input{flex:1 1}.messageSender__bottom{display:flex;justify-content:space-evenly}.messageSender__option{display:flex;padding:20px;align-items:center;color:grey;margin:5px}.messageSender__option>h4{margin-left:10px;font-size:medium;cursor:pointer}.messageSender__option:hover{background-color:#eff2f5;border-radius:20px}.post{margin:10px;border-radius:15px;background-color:#fff;box-shadow:0 5px 7px -7px rgba(0,0,0,.75)}.post,.post__image>img{width:100%}.post__top{display:flex;position:relative;align-items:center;padding:15px}.post__avatar{margin-right:10px}.post__topInfo>h3{font-size:medium}.post__topInfo>p{font-size:small;color:grey}.post__bottom{margin-top:5px;margin-bottom:5px;padding:5px 15px}.post__options{justify-content:space-evenly;font-size:medium;border-top:1px solid #d3d3d3;color:grey;cursor:pointer;padding:15px}.post__option,.post__options{display:flex;align-items:center}.post__option{justify-content:center;padding:5px;flex:1 1}.post__option>p{margin-left:10px}.post__option:hover{background-color:#eff2f5;border-radius:10px}.app{background-color:#f1f2f5;font-family:Segoe UI Historic,Segoe UI,Helvetica,Arial,sans-serif;min-width:1440px}.app__body{display:flex;justify-content:space-between}.login{display:grid;place-items:center;height:100vh}.login__logo{display:flex;flex-direction:column}.login__logo>img{object-fit:contain;height:150px}.login>button{width:300px;background-color:#2e81f4;color:#eff2f5;font-weight:800;border:none}.login>button:hover{background-color:#fff;color:#2e81f4}.contacts{padding-right:10px;background-color:transparent}.contacts__top{display:flex;padding:30px 10px 5px;align-items:center;justify-content:space-between}.contacts__top>h4{font-size:medium;margin-left:50px;font-weight:700}.contacts__icons{display:flex;margin-left:60px}.contacts__icons>.MuiSvgIcon-root{margin:10px}.contacts__list{display:flex;align-items:center;margin-left:65px;font-size:small;padding:7px 0}.contacts__list>h4{margin-left:10px}
/*# sourceMappingURL=main.16ff9eed.chunk.css.map */