.app{background-color:#f3f2ef;display:flex;flex-direction:column;justify-content:center}.appBody{display:flex;justify-content:space-between;margin-left:20px;margin-right:20px;margin-top:35px;min-width:120px}.header{background-color:#fff;border-bottom:.1px solid #d3d3d3;display:flex;justify-content:space-evenly;padding-bottom:10px;padding-top:10px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:999}.avatar,.icons,.navbar_left,.navbar_right{align-items:center;display:flex}.navbar_left>img{border-radius:10%;height:40px;margin-right:10px;object-fit:contain}.searchbar{align-items:center;background-color:#eef3f8;border-radius:5px;color:gray;display:flex;height:22px;padding:10px}.searchbar>input{background:none;border:none;outline:none}.avatar{margin-right:10px}@media screen and (max-width:768px){.header{justify-content:space-between;padding:10px 20px}}@media screen and (max-width:450px){.header{justify-content:space-between;padding:10px 20px}.searchbar{width:250px}.navbar_left>img{height:30px;margin-right:10px;object-fit:contain}.icons{display:none}}@media screen and (max-width:710px){.icons{display:none}}.headerOption{align-items:center;color:gray;cursor:pointer;display:flex;flex-direction:column;margin-right:20px}.headerOption:hover{color:#000}.headerOption_icon{cursor:pointer;height:25px!important;object-fit:contain;width:25px!important}.headerOption_title{font-size:12px;font-weight:400}.sidebar{border:10px;flex:0.2 1;height:auto;position:-webkit-sticky;position:sticky;text-align:center;top:80px}.side_top{align-items:center;background-color:#fff;border:1px solid #d3d3d3;border-bottom:0;display:flex;flex-direction:column;padding-bottom:10px}.side_top,.side_top>img{border-top-left-radius:10px;border-top-right-radius:10px}.side_top>img{height:60px;margin-bottom:-20px;object-fit:cover;width:100%}.sidebar_avatar{margin-bottom:10px}.sidebar>h2{color:gray;font-size:12px}.sidebar>h4{font-size:10px}.side_stats{background-color:#fff;border:1px solid #d3d3d3;border-bottom-left-radius:10px;border-bottom-right-radius:10px;margin-bottom:10px;padding:10px}.side_stat{display:flex;justify-content:space-between;margin-top:10px}.side_stat>p{color:gray;font-style:13px;font-weight:600}.stat_number{color:#0a66c2!important;font-weight:700}.side_bottom{background-color:#fff;border:1px solid #d3d3d3;border-radius:10px;margin-top:10px;padding:10px;text-align:left}.sidebar_item{color:gray;cursor:pointer;display:flex;font-size:13px;font-weight:bolder;margin-bottom:5px;padding:5px}.sidebar_item:hover{background-color:#f5f5f5;border-radius:10px;color:#000;cursor:pointer}.side_bottom>p{font-size:13px;padding-bottom:10px}.sidebar_hash{margin-left:10px;margin-right:10px}@media screen and (max-width:450px){.sidebar{display:none}}@media screen and (max-width:768px){.sidebar{flex:0.4 1}}.feed{flex:0.6 1;margin:0 20px;position:-webkit-sticky;position:sticky;top:80px}.feed_inputContainer{background-color:#fff;border-radius:10px;margin-bottom:20px;padding:10px 10px 20px}.feed_input{border:1px solid #d3d3d3;border-radius:30px;color:gray;display:flex;padding:15px}.feed_input>form{display:flex;width:100%}.feed_input>form>input{flex:1 1}.feed_input>form>button,.feed_input>form>input{border:none;font-weight:600;margin-left:10px;outline-width:0}.feed_input>form>button{background-color:initial;border-radius:10px;color:gray;cursor:pointer;font-size:14px;margin-right:10px;outline-color:transparent}.feed_inputOptions{display:flex;justify-content:space-evenly}@media screen and (max-width:450px){.feed{flex:1 1;margin-left:0;margin-right:0;min-width:100%;padding:0}}@media screen and (max-width:768px){.feed{flex:0.6 1}}.inputOption{align-items:center;color:gray;cursor:pointer;display:flex;margin-top:15px;padding:10px}.inputOption:hover{background-color:#f5f5f5;border-radius:10px}.inputOption_icon{cursor:pointer}.inputOption_title{margin-left:5px}@media screen and (max-width:450px){.inputOption{flex-direction:column}.inputOption_title{font-size:12px}.inputOption_icon{font-size:11px}}.post{background-color:#fff;border-radius:10px;margin-bottom:10px;padding:15px}.post_header{display:flex;margin-bottom:10px}.post_info{margin-left:10px}.post_info>h2{font-size:15px}.post_info>p{color:gray;font-size:12px}.post_body{overflow-wrap:"anywhere";word-break:"break-word"}.post_body>p{padding:5px}.post_button{display:flex;justify-content:space-evenly}@media screen and (max-width:450px){.post_info{margin-left:10px}.post_info>h2{font-size:12px}.post_info>p{color:gray;font-size:8px}}.widget{background-color:#fff;border:1px solid #d3d3d3;border-radius:10px;flex:0.2 1;margin-bottom:10px;padding:10px;position:-webkit-sticky;position:sticky;top:80px}.widget_header{align-items:center;display:flex;justify-content:space-between;padding:10px}.widget_header>h2{font-size:16px;font-weight:400}.widget_article{cursor:pointer;display:flex;padding:10px}.widget_article:hover{background-color:#f5f5f5;border:1px solid #d3d3d3;border-radius:10px}.widget_articleLeft{color:#0177b7;margin-right:5px}.widget_articleLeft>.MuiIcon-root{font-size:15px}.widget_articleRight{flex:1 1}.widget_articleRight>{font-size:14px}.widget_articleRight>p{color:gray;font-size:14px}@media screen and (max-width:450px){.widget{display:none}}@media screen and (max-width:768px){.widget{display:none}}.login{display:grid;margin-left:auto;margin-right:auto;padding-bottom:100px;padding-top:100px;place-items:center}.login>img{height:70px;margin-bottom:20px;margin-top:20px;object-fit:contain}.login>form{display:flex;flex-direction:column}.login>form>input{font-size:20px;margin-bottom:10px;width:350px}.login>form>button,.login>form>input{border-radius:5px;height:50px;padding-left:10px}.login>form>button{background-color:#0074b1;border:none;color:#fff;cursor:pointer;font-size:large;margin:10px auto;outline:none;padding-right:10px;width:365px}.login>p{color:#fff;font-size:20px;margin-bottom:10px;margin-top:10px}.login_register{color:#0177b7;cursor:pointer}.login>input{height:50px;width:350px}.error{background-color:initial;border:none;color:red;font-size:14px;font-weight:lighter;padding-left:10px;padding-right:10px;text-align:center}@media screen and (max-width:450px){.login{padding:70px 0}.login>img{height:50px}.login>form>input{font-size:16px;height:40px;width:280px}.login>form>button{width:285px}}*,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{background-color:#fff;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.7769e2ae.css.map*/