*,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:#f0f2f5;min-height:100vh}.app__body{display:flex;flex:1 1;padding:30px 10px}.header{background-color:#fff;box-shadow:0 5px 8px -9px #000000bf;display:flex;justify-content:space-between;padding:15px 20px;position:sticky;top:0;z-index:100}.header__option:hover>.MuiSvgIcon-root{color:#1877f2}.header__option--active{border-bottom:3px solid #1877f2}.header__option{align-items:center;color:#65676b;cursor:pointer;display:flex;justify-content:center;padding:0 30px}.header__left{display:flex;justify-content:space-evenly}.header__input{align-items:center;background-color:#f1f2f5;border-radius:999px;display:flex;gap:10px;margin-left:20px;padding:10px 15px;width:400px}.header__input input{background:#0000;border:none;flex:1 1;font-size:16px;outline:none}.header__input .MuiSvgIcon-root{color:#606770}.header__left>img{border-radius:50%;height:40px;width:40px}.header__middle{flex:1 1;justify-content:center}.header__info,.header__middle,.header__right{align-items:center;display:flex}.header__info{margin-right:10px}.header__info>h4{margin-left:10px}.sidebarRow{align-items:center;cursor:pointer;display:flex;padding:10px}.sidebarRow:hover{background-color:#f0f2f5;border-radius:10px}.sidebarRow>h4{font-size:16px;font-weight:600;margin-left:20px}.sidebarRow>.MuiSvgIcon-root{color:#2e81f4;font-size:xx-large}.sidebar{flex:0.33 1;padding:25px 10px}.feed{align-items:center;flex:1 1;flex-direction:column;padding:0 150px}.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.02)}.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;width:100%}.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>form>button{display:none}.messageSender__input{flex:1 1}.messageSender__bottom{display:flex;justify-content:space-evenly}.messageSender__option{align-items:center;color:grey;display:flex;margin:5px;padding:20px}.messengerSender__option>h3{cursor:pointer;font-size:medium;margin-left:10px}.messageSender__option:hover{background-color:#f0f2f5;border-radius:20px}.post{background-color:#fff;border-radius:15px;box-shadow:0 5px 7px -7px #000000bf;margin:15px;width:100%}.post__top{align-items:center;display:flex;padding:15px;position:relative}.post__avatar{margin-right:10px}.post__topInfo{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{border-radius:0;box-shadow:0 0 0 #007bffcc;display:block;height:500px;margin:0;object-fit:cover;transition:box-shadow .4s ease-in-out;width:100%}.post__image>img:hover{box-shadow:0 0 20px 4px #007bffe6}.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}.widgets{flex:0.45 1;margin-left:20px;margin-top:20px;max-width:550px;min-width:350px;width:100%}.widget__card{background-color:#fff;border-radius:14px;box-shadow:0 4px 12px #0000001a;margin-bottom:24px;padding:24px}.widget__image{border-radius:8px;margin:14px 0;width:100%}.widget__text{color:#333;font-size:15px;line-height:1.6}.news__item{align-items:flex-start;border-bottom:1px solid #eee;display:flex;gap:16px;margin-bottom:20px;padding-bottom:12px}.news__image{border-radius:10px;flex-shrink:0;height:150px;object-fit:cover;width:150px}.news__content h4{color:#222;font-size:17px;font-weight:700;margin:0}.news__content p{color:#666;font-size:14px;line-height:1.5;margin-top:6px}.login{display:grid;height:100vh;place-items:center}.login>div{align-items:center;display:flex;flex-direction:column}.login>div>img{height:150px;margin-bottom:20px;object-fit:contain}.login>button{background-color:#2e81f4;border:none;border-radius:5px;color:#eff2f5;cursor:pointer;font-weight:800;padding:10px;width:300px}.login>button:hover{background-color:#fff;border:1px solid #2e81f4;color:#2e81f4}.facetext{height:200px;width:200px}
/*# sourceMappingURL=main.d1ae84dd.css.map*/