@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap);*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width:75em){html{font-size:58%}}@media only screen and (max-width:56.25em){html{font-size:55%}}@media only screen and (min-width:112.5em){html{font-size:75%}}.dialog{position:absolute!important}.dialog__button{font-size:1.5rem!important;padding:1rem 3rem!important;color:#fff!important;background-color:#1da1f2!important;border-radius:3rem!important;border:none;outline:none;cursor:pointer}.MuiTypography-root{font-size:2rem!important}a{color:#000}.sidebarOption,a{text-decoration:none}.sidebarOption{padding:1rem;grid-gap:1rem;gap:1rem;display:flex;align-items:center;cursor:pointer;transition:all .1s ease-out}.sidebarOption>.MuiSvgIcon-root{font-size:3rem}.sidebarOption__text{color:inherit;text-transform:capitalize;font-size:2rem;font-weight:600}.sidebarOption:hover{background-color:#e6ecf0;color:#1da1f2;border-radius:3rem}.sidebar{list-style:none;position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:1rem 2rem 1rem 3rem;border-right:1px solid #e6ecf0;flex:0.2 1}@media only screen and (max-width:75em){.sidebar{align-items:flex-end}}@media only screen and (max-width:56.25em){.sidebar{padding-right:1rem}}@media only screen and (max-width:37.5em){.sidebar{padding-right:0;padding-left:.5rem}}.sidebar>.MuiSvgIcon-root{font-size:3rem;color:#1da1f2;margin-left:1rem}@media only screen and (max-width:75em){.sidebar>.MuiSvgIcon-root{margin-right:1rem}}.sidebarOptions{display:flex;flex-direction:column;align-items:flex-start;grid-gap:.5rem;gap:.5rem;margin:1rem 0}@media only screen and (max-width:75em){.sidebarOptions{align-items:flex-end}}.sidebar__button{background-color:#1da1f2!important;font-weight:700!important;text-transform:capitalize!important;font-size:2rem!important;color:#fff!important;width:100%!important;border-radius:3rem!important;outline:none!important;border:none!important}.sidebar__button:hover{background-color:#1c9ded!important}.activeNav{color:#1da1f2}.feedHeader{display:flex;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;background-color:#fff;z-index:100;border:1px solid #e6ecf0;padding:1.5rem 2rem}@media only screen and (max-width:37.5em){.feedHeader{padding:1rem}}.feedHeader__text{font-size:2rem;font-weight:800}.form{width:100%;margin-left:2rem}.form,.form__input{display:flex;flex-direction:column;justify-content:center}.form__input{margin-bottom:1rem}.form__inputField{border:none;border-bottom:1px solid #e6ecf0;outline:none;padding:2rem 0;font-size:2rem;width:100%;flex:1 1;word-wrap:break-word}.form__inputImage{padding:1rem 0;font-size:1.5rem;width:50%;margin-top:1rem}.form__button__container{width:100%;display:flex;justify-content:flex-end;padding:1rem 0 0}.form__button{background-color:#1da1f2!important;font-weight:700!important;text-transform:capitalize!important;font-size:1.5rem!important;color:#fff!important;border-radius:3rem!important;outline:none!important;border:none!important;width:10rem;padding:.8rem 1.2rem!important}.form__button:hover{background-color:#1c9ded!important}.tweetbox{position:relative;border:1px solid #e6ecf0;border-top:none;border-bottom:1rem solid #e6ecf0;padding:1rem 2rem;display:flex}@media only screen and (max-width:37.5em){.tweetbox{padding:1rem}}.tweetbox__avatar{position:absolute;top:1rem}.post{display:flex;align-items:flex-start;border-bottom:1px solid #e6ecf0}.post__avatar{padding:2rem}@media only screen and (max-width:37.5em){.post__avatar{padding:1rem .5rem}}.post__body{flex:1 1;padding:2rem 2rem 2rem 0;width:100%}@media only screen and (max-width:37.5em){.post__body{padding:1rem}}.post__badge{margin:0 .3rem;font-size:2rem!important;color:#1da1f2}.post__headerText>h3{display:flex;align-items:center;font-size:1.5rem;margin-bottom:1rem}.post__headerSpan{margin-left:1rem;display:flex;align-items:center;font-weight:700;font-size:1.2rem;color:#888}.post__headerDescription{font-size:1.8rem;font-weight:500}.post__img{max-width:65rem;display:flex;margin:2rem auto 2rem 0;align-items:center;justify-content:center;border-radius:2rem}.post__img>img{width:100%;border-radius:2rem}.post__footer{margin-top:2rem;margin-left:auto;margin-right:2rem;display:flex;justify-content:space-between}.post__footer__icons{font-size:2rem!important;cursor:pointer!important;border-radius:50%}.icon__comment:hover{color:#1da1f2}.icon__retweet:hover{color:#4bd84b}.icon__like:hover{color:#e93030}.icon__share:hover{color:#1da1f2}.feed{flex:0.6 1;border-right:1px solid #e6ecf0;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;overflow-y:scroll;width:100%;-ms-overflow-style:none;scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.widgets{max-height:100vh;overflow-y:scroll;padding:1rem 2rem 0;flex:1 1;-ms-overflow-style:none;scrollbar-width:none}.widgets::-webkit-scrollbar{display:none}.widgets__searchIcon{font-size:2rem!important;color:grey}.widgets__inputs{display:flex;align-items:center;background-color:#e6ecf0;padding:1rem;grid-gap:2rem;gap:2rem;border-radius:2rem}.widgets__inputField{width:100%;background-color:#e6ecf0;border:none;outline:none;font-size:1.5rem}.widgets__widgetContainer{margin:1rem 0 0;padding:1rem;background-color:#f5f8fa;border-radius:3rem}.widgets__widgetContainer h2{font-weight:800;font-size:1.8rem}.login{display:grid;grid-template-columns:50% 50%;height:100vh;width:100%}@media only screen and (max-width:56.25em){.login{display:flex;flex-direction:column-reverse}}.login__image{display:flex;justify-content:center;align-items:center;background:url(https://abs.twimg.com/sticky/illustrations/lohp_en_850x623.png);position:relative}@media only screen and (max-width:56.25em){.login__image{height:40%}}@media only screen and (max-width:37.5em){.login__image{height:50%}}.login__twitterIcon{position:absolute!important;font-size:30rem!important;color:#fff!important}.login__body{position:relative;padding:3rem 4rem;display:flex;flex-direction:column;justify-content:center}@media only screen and (max-width:56.25em){.login__body{height:60%}}@media only screen and (max-width:37.5em){.login__body{padding-top:12rem;height:50%}}.login__body>.twitter{position:absolute!important;top:10%!important;left:5%!important;color:#1da1f2;font-size:5rem!important}@media only screen and (max-width:37.5em){.login__body>.twitter{left:7%!important;top:5%!important}}.login__heading>p:first-child{font-size:6rem;font-weight:800;margin-bottom:4rem}@media only screen and (max-width:37.5em){.login__heading>p:first-child{font-size:5rem}}.login__heading>p{font-size:3rem;font-weight:700}@media only screen and (max-width:37.5em){.login__heading>p{font-size:2rem}}.login__form{margin:3rem 0;display:flex}.login__form>.button{text-transform:none!important;margin-left:2rem!important;padding:1rem 4rem!important;border-radius:3rem!important;cursor:pointer!important;border:none!important;outline:none!important;font-size:2rem!important;background-color:#1da1f2!important;color:#fff!important;font-weight:500!important;letter-spacing:1px!important}@media only screen and (max-width:56.25em){.login__form>.button{margin:0 auto!important;width:100%!important}}.alertDialogBox{position:absolute!important}.preloader{z-index:100;width:100%;height:100vh;background:#fff;position:absolute;display:flex;align-items:center;justify-content:center}.preloader__icon{font-size:10rem!important;color:#1da1f2}body{font-family:"Montserrat",sans-serif}.app{display:grid;grid-template-columns:20% 50% 30%;height:100vh;max-width:130rem;margin:0 auto}@media only screen and (max-width:75em){.app{grid-template-columns:10% 50% 40%}}@media only screen and (max-width:56.25em){.app{padding:0 4rem;grid-template-columns:10% 90%}}@media only screen and (max-width:37.5em){.app{padding:0;grid-template-columns:15% 85%}}
/*# sourceMappingURL=main.cca6720a.chunk.css.map */