*,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}.app-body{display:flex}.app{background-color:#f1f2f5;min-height:100vh}.feed{align-items:center;flex:1 1;flex-direction:column;justify-content:center;padding:30px 50px}.feed,.storyReel{display:flex}.story{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;box-shadow:0 5px 17px -7px #000000bf;cursor:pointer;height:200px;margin-right:10px;position:relative;transition:transform .1s ease-in;width:120px}.story:hover{transform:scale(1.07)}.story-avatar{border:5px solid #2e81f4;margin:10px}.story>h4{bottom:20px;color:#fff;left:20px;position:absolute}.messageSender{background-color:#fff;border-radius:15px;box-shadow:0 5px 7px -7px #000000bf;display:flex;flex-direction:column;margin-top:30px;width:100%}.messageSender-top{border-bottom:1px solid #eff2ff;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>form>button{display:none}.messageSender-input{flex:1 1}.messageSender-bottom{display:flex;justify-content:space-evenly}.messageSender-option{align-items:center;color:gray;display:flex;margin:5px;padding:20px}.messageSender-option>h3{cursor:pointer;font-size:medium;margin-left:10px}.messageSender-option:hover{background-color:#eff2f5;border-radius:20px}.post{background-color:#fff;border-radius:15px;box-shadow:0 5px 7px -7px #000000bf;margin-top:15px;width:100%}.post-top{justify-content:space-between;max-width:100%;padding:15px;position:relative}.post-top,.post-topDetails{align-items:center;display:flex}.post-topDelete{cursor:pointer;float:right;margin-right:0;padding-right:0}.post-avatar{margin-right:15px}.post-topInfo>h3{font-size:medium}.post-topInfo>p{color:gray;font-size:small}.post-bottom{margin-bottom:10px;margin-top:10px;padding:15px 25px}.post-image>img{width:100%}.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>p{margin-left:10px}.post-option:hover{background-color:#eff2f5;border-radius:10px}.header{background-color:#fff;box-shadow:0 5px 8px -9px #000000bf;display:flex;justify-content:space-between;margin:0;max-width:100%;padding:15px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left{display:flex;justify-content:space-evenly}.header-input{align-items:center;background-color:#eff2f5;border-radius:999px;display:flex;margin-left:10px;padding:10px}.header-input>input{background-color:initial;border:none;outline-width:0}.header-center{display:flex;flex:1 1;justify-content:center}.header-option>.MuiSvgIcon-root{color:gray}.header-option--active>.MuiSvgIcon-root,.header-option:hover>.MuiSvgIcon-root{color:#2e81f4}.header-option--active{border-bottom:4px solid #2e81f4}.header-option{align-items:center;cursor:pointer;display:flex;padding:0 30px}.header-option:hover{align-items:center;background-color:#eff2f5;border-bottom:none;border-radius:10px;padding:0 30px}.header-right{display:flex}.header-info{align-items:center;display:flex}.header-info>h4{margin-left:10px}.fb-logo{height:40px}.logout{align-items:center;background-color:#fff;border:none;border-radius:999px;color:#2e81f4;display:flex;font-size:16px;font-weight:600;justify-content:center;outline-width:0;padding:10px 20px}.logout:hover{background-color:#2e81f4;color:#fff;cursor:pointer}.login{display:grid;height:100vh;place-items:center}.login>div>img{height:150px;object-fit:contain}.login>div{display:flex;flex-direction:column}.login>button{background-color:#2e81f4;color:#eff2f5;font-weight:800;width:300px}.login>button:hover{background-color:#fff;color:#2e81f4}.sidebar{flex:0.33 1;padding:25px 10px}.SidebarRow{align-items:center;cursor:pointer;display:flex;padding:10px}.SidebarRow:hover{background-color:#d3d3d3;border-radius:10px}.SidebarRow>h4{font-weight:600;margin-left:20px}.SidebarRow>.MuiSvgIcon-root{color:#2e81f4;font-size:xx-large}
/*# sourceMappingURL=main.17f85e57.css.map*/