*,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{background-color:#f1f2f5}.app__body{display:flex}@media only screen and (min-width:320px){.header{align-items:center;background-color:#fff;box-shadow:0 5px 8px -9px rgba(0,0,0,.75);display:flex;flex-direction:column;justify-content:space-between;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header__left{display:flex;justify-content:space-evenly;margin-bottom:5px}.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__left>img{height:40px}.header__center{display:flex;flex:1 1;justify-content:center;margin-bottom:5px}.header__option>.MuiSvgIcon-root{color:gray}.header__option:hover>.MuiSvgIcon-root{color:#2e81f4}.header__option{align-items:center;cursor:pointer;display:flex;padding:0 10px}.header__option:hover{align-items:center;background-color:#eff2f5;border-bottom:none;border-radius:10px;padding:0 10px}.header__option--active>.MuiSvgIcon-root{color:#2e81f4}.header__option--active{border-bottom:4px solid #2e81f4}.header__info{align-items:center;display:flex}.header__info>h4{margin-left:10px}.header__right{display:flex}}@media only screen and (min-width:768px){.header{flex-direction:row}.header__center{justify-content:center;margin-bottom:0}.header__option,.header__option:hover{padding:0 30px}.header__left{margin-bottom:0}.header__right{display:none}}@media only screen and (min-width:1024px){.header__right{display:flex}}@media only screen and (min-width:320px){.sidebar{display:none}}@media only screen and (min-width:768px){.sidebar{display:flex;flex:0.33 1;flex-direction:column;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}@media only screen and (min-width:320px){.feed{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding-top:10px}}@media only screen and (min-width:1024px){.feed{padding:30px 75px}}@media only screen and (min-width:1440px){.feed{padding:30px 150px}}@media only screen and (min-width:320px){.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;max-width:500px;width:100%}.messageSender__top{border-bottom:1px solid #eff2f5;display:flex;padding:15px}.messageSender__top>form{display:flex;flex:1 1;flex-direction:column}.messageSender__top>form>input{border:none;margin:0 10px 10px}.messageSender__top>form>button,.messageSender__top>form>input{background-color:#eff2f5;border-radius:999px;outline-width:0;padding:5px 20px}.messageSender__top>form>button{border:none;margin:auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.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:5px}.messageSender__option>h3{display:none}.messageSender__option:hover{background-color:#eff2f5;border-radius:20px}}@media only screen and (min-width:768px){.messageSender{max-width:none}.messageSender__top>form>button{display:none}.messageSender__top>form{display:flex;flex:1 1;flex-direction:row}.messageSender__top>form>input{margin-bottom:0}.messageSender__option{padding:20px}.messageSender__option>h3{cursor:pointer;display:block;font-size:medium;margin-left:10px}}.storyReel{display:flex}@media only screen and (min-width:320px){.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:100px;margin-right:10px;position:relative;transition:-webkit-transform .1s ease-in;transition:transform .1s ease-in;transition:transform .1s ease-in,-webkit-transform .1s ease-in;width:60px}.story:hover{-webkit-transform:scale(1.07);transform:scale(1.07)}.story__avatar{border:3px solid #2e81f4;height:20px!important;margin:10px;width:20px!important}.story>h4{-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:#000;bottom:5px;color:#fff;font-size:small;left:5px;position:absolute}}@media only screen and (min-width:768px){.story{height:200px;width:120px}.story>h4{bottom:20px;font:optional;left:20px;position:absolute}.story__avatar{height:40px!important;width:40px!important}}.post{background-color:#fff;border-radius:15px;box-shadow:0 5px 7px -7px rgba(0,0,0,.75);margin-top:15px;width:100%}.post__top{align-items:center;display:flex;padding:15px;position:relative}.post__avatar{margin-right:10px}.post__topInfo>p{color:gray;font-size:small}.post__bottom{margin-bottom:10px;margin-top:10px;padding:15px 25px}.post__image>img{width:100%}.replyIcon{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.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}@media only screen and (min-width:320px){.post__options{border-top:1px solid #d3d3d3;color:gray;cursor:pointer;display:flex;font-size:small;justify-content:space-evenly;padding:15px}.post__option>p{margin-left:5px}}@media only screen and (min-width:768px){.post__options{font-size:medium}.post__option>p{margin-left:10px}}@media only screen and (min-width:320px){.widgets{display:none}}@media only screen and (min-width:1024px){.widgets{display:flex}}.login{display:grid;height:100vh;place-items:center}.login>button{background-color:#2e81f4;color:#eff2f5;font-weight:800;width:300px}.login>button:hover{background-color:#fff;color:#2e81f4}.login>div>img{height:150px;object-fit:contain}.login>div{display:flex;flex-direction:column}
/*# sourceMappingURL=main.dc6bb881.css.map*/