.header-wrapper{align-items:center;background-color:#fff;box-shadow:0 5px 8px -9px rgba(0,0,0,.75);display:flex;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}.header-left img{height:40px}.header-input{align-items:center;background-color:#eff2f5;border-radius:33px;display:flex;margin-left:10px;padding:10px}.header-input input{background-color:transparent;border:none;outline-width:0}.header-center{display:flex;flex:1 1;justify-content:center}.header__option--active{border-bottom:4px solid #2e81f4}.header__option{align-items:center;cursor:pointer;display:flex;padding:10px 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}.MuiSvgIcon-root{color:gray}.header__option--active svg{color:#2e81f4}.siderow-wrapper{align-items:center;cursor:pointer;display:flex;padding:10px}.siderow-wrapper:hover{background-color:#d3d3d3;border-radius:10px}.siderow-wrapper p{font-weight:600;margin-left:20px}.siderow-wrapper .MuiSvgIcon-root{color:#2e81f4;font-size:xx-large}.story-wrapper{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;transition:transform .1s ease-in;transition:transform .1s ease-in,-webkit-transform .1s ease-in;width:120px}.story-wrapper:hover{-webkit-transform:scale(1.07);transform:scale(1.07)}.story__avatar{border:5px solid #2e81f4;margin:10px}.h4{bottom:20px;color:#fff;left:20px;position:absolute}.stories-wrapper{display:flex}.messenger-wrapper{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;width:100%}.messenger-top{border-bottom:1px solid #eff2f5;display:flex;padding:15px}.messenger-top form{display:flex;flex:1 1}.messenger__input{background-color:#eff2f5;border:none;border-radius:999px;flex:1 1;margin:0 10px;outline-width:0;padding:5px 20px}.messenger__fileSelector{width:23%}.messenger-top button{display:none}.messenger-buttom{display:flex;justify-content:space-evenly}.messenger__option{align-items:center;color:gray;display:flex;margin:5px;padding:20px}.messenger__option h3{font-size:medium;margin-left:10px}.messenger__option:hover{background-color:#eff2f5;border-radius:20px;cursor:pointer}.post__wrapper{background-color:#fff;border-radius:15px;box-shadow:0 5px 7px -7px rgba(0,0,0,.75);margin-top:15px;width:100%}.post__image img{width:100%}.post-top{align-items:center;display:flex;padding:15px;position:relative}.post__avatar{margin-right:10px}.post__topInfo h3{font-size:medium}.post__topInfo p{color:gray;font-size:small}.post-buttom{margin-bottom:10px;margin-top:10px;padding:15px 25px}.post-option{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}.feed-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:30px 150px}.login__wrapper{display:grid;height:100vh;place-items:center}.login__logo{display:flex;flex-direction:column}.login__logo img{height:150px;max-width:200px;object-fit:contain}.login__btn{background-color:#2e81f4!important;color:#eff2f5!important;font-weight:800!important;width:300px}.login__btn:hover{background-color:#fff!important;color:#2e81f4!important}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.main{background-color:#f1f2f5}.app__body{display:flex}*,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}
/*# sourceMappingURL=main.24212a67.css.map*/