*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background-color:#fff;box-shadow:0 5px 8px -9px rgba(0,0,0,.75);justify-content:space-between;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header,.header__left{align-items:center;display:flex}.header__left .header__input{background-color:#eff2f5;border-radius:999px;display:flex;margin-left:10px;padding:10px}.header__input>input{background-color:initial;border:none;outline:0}.header__left>img{height:40px}.header__middle{display:flex}.header__middle>.header__option{align-items:center;border-bottom:4px solid transparent;cursor:pointer;display:flex;margin-left:10px;padding:5px 20px;transition:.3s ease-in-out}.header__option:hover{align-items:center;background-color:#eff2f5;border-bottom:none}.header__middle>.header__option .MuiSvgIcon-root{color:gray}.header__option-active>.MuiSvgIcon-root{color:#2e81f4!important}.header__option-active{border-bottom:4px solid #2e81f4!important}.header__middle>.header__option .MuiSvgIcon-root:hover{color:#2e81f4}.header__info,.header__right{align-items:center;display:flex}.header__info>h4{margin-left:10px}.sidebarRow{align-items:center;cursor:pointer;display:flex;padding:10px;transition:.3s ease-in-out}.sidebarRow:hover{background-color:hsla(0,0%,83%,.61);border-radius:10px}.sidebarRow>h4{font-weight:600;margin-left:20px}.sidebarRow .MuiSvgIcon-root{color:#2e81f4;font-size:xx-large}.sidebar{flex:0.33 1;padding:25px 10px}.messageSender{background-color:#fff;border-radius:15px;box-shadow:0 5px 7px -7px rgba(0,0,0,.75);display:flex;flex-direction:column;margin-top:30px}.messageSender__top{border-bottom:1px solid #eff2f5;display:flex;padding:15px}.messageSender__top>form{display:flex;flex:1 1}.messageSender__top>form>input{background-color:#eff2f5;border:none;border-radius:999px;margin:0 10px;outline-width:0;padding:5px 20px}.messageSender__top button{display:none}.messageSender__input{flex:1 1}.messageSender__bottom{display:flex;justify-content:space-evenly}.messageSender__Optiona{align-items:center;color:gray;display:flex;margin:5px;padding:20px}.messageSender__Optiona>h3{cursor:pointer;font-size:medium;margin-left:10px}.messageSender__Optiona:hover{background-color:#eff2f5;border-radius:20px}.post{background-color:#fff;border-radius:15px;box-shadow:0 5px 7px -7px rgba(0,0,0,.75);margin-top:15px;max-width:600px;overflow:hidden}.post,.post__image>img{width:100%}.post__top{align-items:center;display:flex;padding:15px;position:relative}.post__avatar{margin-right:10px}.post__info>h3{font-size:medium}.post__info>p{color:gray;font-size:small}.post__options{border-top:1px solid #d3d3d3;color:gray;cursor:pointer;display:flex;font-size:medium;justify-content:space-evenly;padding:15px}.post__option{align-items:center;display:flex;flex:1 1;justify-content:center;padding:5px}.post__option:hover{background-color:#eff2f5;border-radius:10px}.message{font-size:1.2rem;font-weight:500;margin-left:1rem;padding:10px}.delete .MuiSvgIcon-root,.delete p{transition:all .1s ease-in-out}.delete:hover .MuiSvgIcon-root,.delete:hover p{color:red}.story{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;box-shadow:0 5px 17px -7px rgba(0,0,0,.75);cursor:pointer;height:200px;margin-right:10px;position:relative;transition:-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out;transition:transform .1s ease-in-out,-webkit-transform .1s ease-in-out;width:120px}.story:hover{-webkit-transform:scale(1.07);transform:scale(1.07)}.story__avatar{border:5px solid #2e81f4;margin:10px}.story>h4{bottom:20px;color:#fff;left:20px;position:absolute}.feed,.storyReel{display:flex}.feed{align-items:center;flex:1 1;flex-direction:column;justify-content:center;padding:30px 50px}.login{display:grid;height:100vh;place-items:center}.facebook{color:#1178f2;font-size:2.6rem;font-weight:700;margin-top:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.login>div>img{height:150px;object-fit:contain}.login__logo{align-items:center;display:flex;flex-direction:column}.login .btn{background-color:#1178f2;color:#eff2f5;font-weight:800;width:300px}.login .btn:hover{background-color:#fff;color:#1178f2}.app{background-color:#f1f2f5;min-height:100vh}.app__body{display:flex;overflow:hidden}
/*# sourceMappingURL=main.3618a538.css.map*/