*,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;height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{align-items:center;background:#292929;display:flex;flex-direction:column;height:100vh;width:100vw}.app .app_body{display:flex;height:100%;max-height:100%;width:100%;z-index:0}.headerOption{color:gray;cursor:pointer;display:flex;flex-direction:column;margin-left:10px;margin-top:4px;max-width:100%;min-width:10px}.header_bar{background-image:linear-gradient(280deg,#000 10%,#b87360 94%);border-bottom:1px solid #1f1f1f}.menuItem:hover{background:#dca157!important;color:#000!important}.notifications{background:#baab9d;border:1px solid #000;border-radius:10px 10px 10px 10px;height:400px;justify-content:center;position:absolute;right:10px;top:75px;width:200px;z-index:2}.notifications .notifications_content{color:#000;display:flex;margin-left:10px;margin-top:100px}.leftMenu{background:#baab9d;border:1px solid #000;border-radius:10px 10px 10px 10px;display:flex;height:400px;justify-content:center;left:10px;position:absolute;top:75px;width:200px;z-index:2}.leftMenu .left_menu_content{color:#000;display:flex;margin-top:100px}.smallChat{border-radius:20px;display:flex;flex-direction:column;position:absolute;right:10px;top:70px;width:400px;z-index:2}.smallChat .middleSmallChat{background:#101010;border:1px solid gray;height:500px;max-width:100%;opacity:.85;overflow-y:auto;position:relative;width:100%}.smallChat .middleSmallChat .incomingMessages{height:100%;padding:20px;position:absolute;width:50%}.smallChat .footer{background-image:linear-gradient(280deg,#000 100%,#b87360 0);border-radius:0 0 10px 10px;border-top:1px solid gray;bottom:0;display:flex;height:45px;width:100%}.smallChat .footer .smallChatInput{background-image:linear-gradient(280deg,#000 10%,#312f2f 94%);border:0;border-radius:0 0 10px 10px;color:#79c7c5;left:5%;padding:7px;top:13px;width:74%}.smallChat .footer .smallChatInput::-webkit-input-placeholder{color:#3b3b3b}.smallChat .footer .smallChatInput:-ms-input-placeholder{color:#3b3b3b}.smallChat .footer .smallChatInput::placeholder{color:#3b3b3b}.smallChat .footer .smallChatInput:focus{color:#ff6200;outline:0}.none{display:none}.message .message_header .avatar{color:#000}.message .message_header .message_info p{color:gray}.message .message_header .message_info h2{color:#000;margin-top:10px}.myChatMessage{background-color:#313131;border:1px solid gray;border-radius:10px;margin-bottom:5px;margin-left:130px;padding:5px;width:100%}.myChatMessage .message_header{display:flex;margin-bottom:10px;width:100%}.myChatMessage .message_header .avatar{background-color:#bdbdbd;color:#fafafa}.myChatMessage .message_info{margin-left:10px}.myChatMessage .message_info p{color:#ff6200;font-size:12px}.myChatMessage .message_info h2{color:#ff6200;font-size:15px;margin-top:10px}.myChatMessage .message_body{overflow-wrap:anywhere}.myChatMessage .message_body p{color:#ff6200}.loading_page_small{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.loading_page_small .spinner_small{height:100px;position:relative;width:100px}.loading_page_small .spinner_small .loader_small:after,.loading_page_small .spinner_small .loader_small:before{border-radius:50%;box-shadow:inset 0 0 10px 2px rgba(255,77,0,.3);content:"";height:100%;inset:0;position:absolute;width:100%}.loading_page_small .spinner_small .loader_small:after{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;box-shadow:inset 0 2px 0 red}.login{display:flex;flex-direction:column;margin:0 auto;padding-bottom:180px;padding-top:30vh;place-items:center}.login p{color:#fff;margin-top:20px}.login img{border-radius:150px;box-shadow:0 3px 43px 10px #223c50;margin-bottom:20px;margin-top:20px;max-width:100%;object-fit:contain;width:200px}.login form{display:flex;flex-direction:column}.login form button{background-color:#000;border:1px solid gray;border-radius:5px;box-shadow:0 3px 43px 10px #223c50;color:#fff;font-size:large;height:50px;margin:0 auto;max-width:100%}.login form button:hover{color:#ff1500}.login form input{background-image:linear-gradient(280deg,#000,#fafafa 94%);border-radius:5px;font-size:100%;margin-bottom:10px;max-width:100%;min-width:100px;outline:none;padding-left:10px}.login form input::-webkit-input-placeholder{color:gray}.login form input:-ms-input-placeholder{color:gray}.login form input::placeholder{color:gray}.login_register{color:#ff8000;cursor:pointer}.homePage{background:#292929;display:flex;height:100%;justify-content:center;max-height:100%;width:100vw}.homePage .homePageContent{display:flex;height:calc(100% - 64px);justify-content:space-evenly;margin-top:64px;width:1280px}.sidebar{display:flex;flex-direction:column;max-width:100%;padding-bottom:30px;padding-right:15px;width:300px}.sidebar .sidebar_content{align-items:center;background:hsla(0,2%,9%,.15);border:1px solid gray;border-radius:10px 10px 10px 10px;box-shadow:0 1px 2px #aaaa98;display:flex;flex-direction:column;padding-bottom:40px;position:-webkit-sticky;position:sticky;top:70px;width:100%}.sidebar .sidebar_content .sidebar_avatar{margin-top:-20px}.sidebar .sidebar_content h4{color:#ff6200;font-size:12px}.sidebar .sidebar_content h2{color:#ff6200;font-size:18px}.sidebar .sidebar_content img{border-top-left-radius:10px;border-top-right-radius:10px;object-fit:cover;width:100%}.sidebar .sidebar_content .sidebar_avatar{margin-bottom:10px}.sidebar .sidebar_content .sidebar_stats{background:hsla(0,2%,9%,.15);border:1px solid gray;border-radius:10px 10px 10px 10px;margin-bottom:10px;margin-top:20px;padding:10px;width:250px}.sidebar .sidebar_content .sidebar_stats .sidebar_stat{display:flex;justify-content:space-between;margin-top:10px}.sidebar .sidebar_content .sidebar_stats .sidebar_stat p{color:#ff6200;font-size:13px;font-weight:600;padding-bottom:10px}.sidebar .sidebar_content .sidebar_stats .sidebar_stat .sidebar_statNumber{color:#ff6200;font-weight:700}.sidebar .sidebar_content .sidebar_bottom{background:hsla(0,2%,9%,.15);border:1px solid gray;border-radius:10px;box-shadow:0 1px 2px #aaaa98;margin-top:10px;padding:10px;text-align:left;width:250px}.sidebar .sidebar_content .sidebar_bottom p{color:#ff6200;font-size:13px;padding-bottom:10px}@media only screen and (max-width:1279px){.sidebar,.sidebar .sidebar_content .sidebar_bottom,.sidebar .sidebar_content .sidebar_stats,.sidebar .sidebar_content img{display:none}}.feedContainer{display:flex;height:100%;justify-content:center;width:100%}.feedContainer .feed{display:flex;flex-direction:column;width:100%}.feedContainer .feed .feed_inputContainer{background:#292929;border:1px solid gray;border-radius:0 0 10px 10px;box-shadow:0 1px 2px #aaaa98;color:#fff;margin-bottom:20px;min-width:200px;position:-webkit-sticky;position:sticky;top:65px;width:100%;z-index:1}.feedContainer .feed .feed_inputContainer .feed_input{border-radius:30px;color:#ff6200;display:flex;margin-left:20px;max-width:100%;padding:40px 0 0;width:380px;z-index:1}.feedContainer .feed .feed_inputContainer .feed_input .input{width:600px}.feedContainer .feed .feed_inputContainer .feed_input .TextField{color:#fff}.feedContainer .feed .feed_inputContainer .feed_input>form{display:flex;width:100%}.feedContainer .feed .feed_inputContainer .feed_input>form>input{border:none;flex:1 1;font-weight:600;margin-left:10px;outline-width:0}.feedContainer .feed .feed_inputContainer .feed_inputOptions{display:flex;justify-content:space-evenly;width:100%}.feedContainer .feed .feed_inputContainer .feed_inputOptions .inputOption{align-items:center;color:#ff6200;cursor:pointer;display:flex;margin-top:15px;padding:10px;width:100%}.feedContainer .feed .feed_inputContainer .feed_inputOptions .inputOption p{padding-left:10px}.feedContainer .feed .feed_inputContainer .feed_inputOptions .inputOption:hover{background-color:#dca157;border-radius:10px;color:#000}.feedContainer .feed .feed_inputContainer .feed_inputOptions .inputOptions>h4{margin-left:5px}.send_button{right:10px}.post_container{z-index:0}.post_container .post{background:#292929;border:1px solid gray;border-radius:10px;box-shadow:0 1px 2px #aaaa98;display:flex;flex-direction:column;margin-top:10px;min-width:400px;padding:20px;z-index:0}.post_container .post .post_header{display:flex;margin-bottom:10px;width:100%}.post_container .post .post_header .post_info{color:#ff6200;margin-left:10px}.post_container .post .post_header .post_info>p{color:#ff6200;font-size:12px}.post_container .post .post_header .post_info>h2{color:#ff6200;font-size:15px}.post_container .post .post_body{overflow-wrap:anywhere}.post_container .post .post_body p{color:#ff6200}.post_container .post .post_buttons{color:#ff6200;display:flex;justify-content:space-around;margin-top:40px}.post_container .post .post_buttons .inputButton{background:transparent;border:none;color:#ff6200;cursor:pointer;-webkit-transform:scale(.8);transform:scale(.8)}.post_container .post .post_buttons .inputButton :hover{color:#f67e00}@media only screen and (max-width:1280px){.feedContainer{width:100%}.feedContainer .feed .feed_inputContainer .feed_input{max-width:100%;width:360px}.feedContainer .feed .feed_inputContainer .feed_input .input{width:310px}.feedContainer .feed .feed_inputContainer .feed_inputOptions .inputOption{-webkit-transform:scale(.8);transform:scale(.8);width:75px}.feedContainer .post{min-width:300px}.feedContainer .post .post_buttons{-webkit-transform:scale(.9);transform:scale(.9)}.post_container{width:100%}}.widgets{background:#292929;border:1px solid gray;border-radius:10px 10px 10px 10px;box-shadow:0 1px 2px #aaaa98;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:15px;padding-bottom:10px;position:-webkit-sticky;position:sticky;top:70px;width:200px;z-index:0}.widgets .widgets_header{border-bottom:1px solid #d3d3d3;color:#ff6200;display:flex;justify-content:space-between;padding-top:10px;width:100%}.widgets .widgets_header .infoIcon{margin-bottom:5px;margin-right:5px}.widgets .widgets_header h2{font-size:16px;font-weight:400;line-height:25px;margin-left:11px}.widgets .widgets_article{cursor:pointer;display:flex;padding:10px}.widgets .widgets_article:hover{background-color:#dca157}.widgets .widgets_article:hover .widgets_articleRight h4,.widgets .widgets_article:hover .widgets_articleRight p{color:#000}.widgets .widgets_article .widgets_articleLeft{color:#ff6200;margin-right:5px}.widgets .widgets_article .widgets_articleLeft .MuiSvgIcon-root{font-size:15px}.widgets .widgets_article .widgets_articleRight{flex:1 1}.widgets .widgets_article .widgets_articleRight h4{color:#ff6200;font-size:14px}.widgets .widgets_article .widgets_articleRight p{color:#ff6200;font-size:12px}@media only screen and (max-width:1279px){.widgets{display:none}}.container{align-items:center;display:flex;height:100vh;justify-content:flex-end;width:100vw}.container .chatBox{border-radius:10px;box-shadow:1px 1px 5px hsla(0,0%,47%,.5);display:flex;flex-direction:column;height:600px;margin-right:20px;margin-top:80px;width:400px}.container .chatBox .top-bar{background-image:linear-gradient(280deg,#000 10%,#b87360 94%);border-radius:10px 10px 0 0;display:flex;height:80px;padding-top:1px;width:100%}.container .chatBox .top-bar h3{margin-left:10px;margin-top:18px}.container .chatBox .top-bar .userAvatar{margin-left:20px;margin-top:10px}.container .messagesContainer{background:#101010;height:800px;max-width:100%;opacity:.85;overflow-y:auto;position:relative;width:100%}.container .messagesContainer .messages{height:100%;padding:20px;position:absolute;width:50%}.container .bottom-bar{background-image:linear-gradient(280deg,#000 100%,#b87360 0);border-radius:0 0 10px 10px;display:flex;height:55px;width:100%}.container .bottom-bar .input{background-image:linear-gradient(280deg,#000 10%,#312f2f 94%);border:0;border-radius:0 0 10px 10px;color:#000;left:5%;padding:7px;top:13px;width:74%}.container .bottom-bar .input::-webkit-input-placeholder{color:#3b3b3b}.container .bottom-bar .input:-ms-input-placeholder{color:#3b3b3b}.container .bottom-bar .input::placeholder{color:#3b3b3b}.container .bottom-bar .input:focus{color:#ff6200;outline:0}.message{background-color:#313131;border:1px solid gray;border-radius:10px;margin-bottom:5px;padding:5px;width:100%}.message .message_header{display:flex;margin-bottom:10px;width:100%}.message .message_header .message_info{margin-left:10px}.message .message_header .message_info p{color:#ff6200;font-size:12px}.message .message_header .message_info h2{color:#ff6200;font-size:15px}.message .message_body{overflow-wrap:anywhere}.message .message_body p{color:#ff6200}.myMessage{background-color:#313131;border:1px solid gray;border-radius:10px;margin-bottom:5px;margin-left:135px;padding:5px;width:100%}.myMessage .message_header{display:flex;margin-bottom:10px;width:100%}.myMessage .message_header .message_info{margin-left:10px}.myMessage .message_header .message_info p{color:#ff6200;font-size:12px}.myMessage .message_header .message_info h2{color:#ff6200;font-size:15px}.myMessage .message_body{overflow-wrap:anywhere}.myMessage .message_body p{color:#ff6200}@media only screen and (max-width:415px){.container{justify-content:center}.container .chatBox{height:600px;margin-right:0;margin-top:200px}.container .bottom-bar{background-image:linear-gradient(280deg,#000 100%,#b87360 0);border-radius:0 0 10px 10px;display:flex;height:55px;width:100%}.container .bottom-bar .input{font-size:16px}.container .bottom-bar .input:focus{font-size:16px;outline:0}}.loading_page_container{height:100vh;width:100vw}.loading_page_container .loading_page{align-items:center;background-image:linear-gradient(280deg,#000 10%,#595f68 94%);display:flex;height:100%;justify-content:center;width:100%}.loading_page_container .loading_page .spinner{height:100px;position:relative;width:100px}.loading_page_container .loading_page .spinner .loader:after,.loading_page_container .loading_page .spinner .loader:before{border-radius:50%;box-shadow:inset 0 0 10px 2px rgba(255,77,0,.3);content:"";height:100%;inset:0;position:absolute;width:100%}.loading_page_container .loading_page .spinner .loader:after{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;box-shadow:inset 0 2px 0 red}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.4dcf03de.css.map*/