*{box-sizing:border-box}body{background-color:#f5f5f5;width:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.title-container{padding-right:10px}.header-container{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#283e4a;background-size:cover;height:52px;color:#fff;overflow:auto}.error{background-color:#f5f5f5;padding:5px;margin-top:5px;text-align:center;color:red;font-size:20px;font-weight:600}.blank-space{display:none}.ecoacme-title{color:#fff;font-size:20px;margin:0,30px,0 30px}.header-ecoacme-link{-webkit-text-decoration-line:none;text-decoration-line:none}.log-search-container{display:flex}.header-login-component{display:none}.password-container,.username-container{padding-right:5px}.label-password,.label-username{padding-bottom:2px;display:block}.header-password,.header-username{height:20px}.header-login-button{margin-left:5px}.header-search{width:244px;height:30px}.header-search-button{height:30px}.header-links{text-decoration:none;color:#fff;padding:10px}.nav-container{display:none}.bm-burger-button{position:relative;width:36px;height:30px;left:36px;top:0}.bm-burger-bars{background:#fff}.bm-burger-bars-hover{background:#a90000}.bm-cross-button{height:24px;width:24px}.bm-cross{background:#bdc3c7}.bm-menu-wrap{position:fixed;height:100%}.bm-menu{background:#373a47;padding:2.5em 1.5em 0;font-size:1.15em}.bm-morph-shape{fill:#373a47}.bm-item-list{color:#b8b7ad;padding:.8em}.menu-item{display:block;margin-bottom:10px;color:#fff}.bm-overlay{background:rgba(0,0,0,.3)}@media(min-width:520px){.title-container{position:absolute;left:10px}.ecoacme-title{font-size:24px;margin:0,30px,0 0}.log-search-container{display:flex}.header-login-component{display:inline;display:initial}.username-container{padding-right:5px}.nav-container{display:flex}.bm-burger-button,.bm-menu{display:none}.header-container{justify-content:space-between}}@media(min-width:250px){.blank-space{display:inline;display:initial}}.home-main-container{display:flex;flex-direction:column;align-items:center}.userinfo-container{display:none}.share-post{display:flex;align-items:center}.post-form{width:100%}.writepost-container{display:flex;justify-content:center;width:100%;background-color:#d3d3d3;padding:10px 5px}.write-post{width:50%;padding:5px;margin:1px}.postpage-container{width:100%;display:flex;flex-direction:column}.profile-img{height:150px;margin:20px 0}.share-post:hover{color:#8d0665;text-decoration:underline}.share-post-icon{width:30px}.display{background:#fff;border:1px solid #000;height:300px}.display,.share-post{width:100%}.newsapi-container{display:none}.responsive-writepost-button{background-color:#fff;border:1px solid #d3d3d3;margin-left:2px}@media(min-width:720px){.home-main-container{display:flex;flex-direction:row;justify-content:space-between;align-items:normal}.userinfo-container{display:inline;display:initial;margin-top:20px;background:#fff;max-width:30%;height:350px;border:1px solid #a9a9a9;padding-right:20px;padding-left:20px}.newsapi-container{display:inline;display:initial;background-color:#fff;width:30%;height:550px;overflow:auto;border:1px solid #d3d3d3;margin:20px 0 5px;padding:0 10px 10px}.news-api-title{font-weight:400;margin:20px}.each-article-container{margin:20px}.writepost-container{display:none}.share-post{display:flex;width:30%;border:1px solid #d3d3d3;cursor:pointer;background-color:#fff;margin:20px 0 10px;padding:16px}.share-post:hover{color:#8d0665;text-decoration:underline}.share-post-icon{height:30px}.postpage-container{width:30%}.share-post{width:100%}.post-form{display:none}}.eachpost-container{display:flex;flex-direction:column;width:100%;border:1px solid #a59c9c;overflow:auto;margin-bottom:5px;background-color:#fff;padding:10px}.postuser-image{height:60px;margin-right:10px}.post-img{height:300px}.post-date{font-size:10px}.post-img-container{display:flex;justify-content:center;width:100%}.post-imgname-container{display:flex}.post-imgname-link{text-decoration:none;color:#000}.name-profession-list{display:block}.post-name{font-weight:600}.post-profession{font-size:12px;color:#8d0665}.line-seperator{background-color:#d3d3d3;height:1px;width:100%;margin-bottom:12px}.hide-imgdelete{display:none}.editpost-form-container{height:100%;background-color:#fff}@media(min-width:720px){.post-img,.post-img-container{display:flex;justify-content:center;width:100%}.post-icon-button{margin-left:1px;font-size:7px;padding-left:0}.icon-box{justify-content:center}}@media(min-width:928px){.post-icon-button{font-size:12px}.icon-box{justify-content:normal}}.delete-confirmation-box{background-color:#fff;border:1px solid #000;position:relative;color:#00f;font-size:20px;z-index:1;width:100%;height:170px}.hidden-commentbox,.hidden-deletecomment{display:none}.icon-box{display:flex;position:relative;bottom:0}.post-icon-button{background-color:#fff;display:flex;font-size:12px;border:0;align-items:center;margin-left:3px;cursor:pointer;outline-color:purple}.post-icon-button:hover{background-color:#d3d3d3}.comment-img{height:30px}.post-comment-text{border:1px solid #d3d3d3;background-image:none;background-color:transparent;box-shadow:none;width:100%;border-radius:20px;padding:14px 8px 4px}.display-deletecomment{display:inline;display:initial;font-weight:700;font-size:20px;color:#8d0665}.hidden-commenttext{display:none}.comm-container{display:flex;padding:10px 5px 5px 0}.display-commenttext{width:100%;background:#f3f6f8;border-radius:0 0 20px 20px;font-size:100%;vertical-align:baseline;font-weight:400;color:rgba(0,0,0,.9);padding:5px 0 12px 12px}.comm-info{display:flex;justify-content:space-between}.comm-date{font-size:8px;padding:0 0 5px 10px}.comments-img{height:50px;padding:5px}.comm-list{list-style-type:none;font-size:14px}.comm-first-name{font-weight:600}.comm-profession{font-size:10px;color:#8d0665}.comm-delete-button{display:block;margin-left:50px}.edit-form-container{height:100%;border:1px solid #d3d3d3}.edit-purple-bar{background:#8d0665;width:100%;height:10%}.editpost-image-url{width:100%}.edit-home-writecomment{height:200px;width:100%}.edit-writecomment-form{height:30px;width:90%}.edit-share-postform{height:70%}.profile-img{height:70px}.userbadge-link{display:flex;justify-content:center}.eachprofile-item{display:flex;flex-direction:column;padding:10px;overflow:auto}.profile-eachuser-container{width:200px}.post-form-container{height:100%}.blue-bar{background:#8d0665;height:10%}.blue-bar,.post-image-url{width:100%}.home-writecomment{height:95%;width:100%}.writecomment-form{height:30px;width:90%}.share-postform{height:70%}.share-post-button{margin-bottom:10px}.searchfriend-container{display:flex;justify-content:center;align-items:center;background-color:#d3d3d3;width:100%;height:50px}.search-friends{height:30px;width:90%}.friendlist-container{background-color:#fff;margin:30px}.friend-contain{padding:5px 30px}.friendpage-info{display:flex;justify-content:space-between;align-items:center}.friends-link{color:#000;text-decoration:none}.friendpage-friendcontainer{display:flex;align-items:center}.friendpage-img{width:90px;padding-right:10px}.gray-bar{position:relative;height:1px;width:100%;background-color:#d3d3d3;margin:20px 0}.friendpage-message{position:relative;border:1px solid purple;padding:5px;font-weight:600;color:purple;cursor:pointer}.friendpage-name{font-weight:600}.friendname-profession-college{font-size:14px}.display-friendmessage{border:1px solid #d3d3d3;width:100%;height:230px;background-color:#fff}@media(max-width:462px){.friendpage-info{display:flex;flex-direction:column;align-items:flex-start}.friendpage-friendcontainer{display:flex;align-items:center;margin-bottom:20px}.friendpage-message{position:relative;border:1px solid purple;padding:5px;font-weight:600;color:purple;cursor:pointer;margin-right:auto;margin-left:auto}}.searchmessage-container{display:flex;justify-content:center;align-items:center;background-color:#d3d3d3;width:100%;height:50px}.messaging{display:flex}.handle-newmessage{cursor:pointer}.messaging-container{padding:0 10px;display:flex;justify-content:space-between;align-items:center;border:1px solid #d3d3d3;border-top:0;border-right:0;min-height:40px;border-left:0}.messaging-icon{height:30px}.search-message{height:30px;width:90%}.messagelist-container{margin:30px;background-color:#fff;display:flex;border:1px solid #d3d3d3;min-height:600px}.newmessage-button{position:relative;z-index:1}.hidden,.hidden-messages{display:none}.display-messages{display:relative;width:100%;height:40px}.usermessageinfo-container{border-right:1px solid #d3d3d3}.messageconvo-container{height:300px;border-bottom:1px solid #d3d3d3;overflow:auto;padding:10px 30px}.replymessage-container{width:100%}@media(max-width:890px){.messageconvo-container{padding:10px}.messagelist-container{margin:0}}@media(max-width:466px){.messaging-icon{display:flex;justify-content:center;height:20px}.messaging{display:none;font-size:12px}}.messagepage-username{font-size:12px;font-weight:600;display:flex;align-items:center}.messagepage-container-purple{display:flex;justify-content:flex-end;margin-bottom:20px;overflow:auto}.mcp{background-color:purple;border-radius:30px;padding:10px 10px 10px 20px;width:300px;color:#fff;overflow:auto}.messagepage-container-gray{display:flex;justify-content:flex-start;margin-bottom:20px;overflow:auto}.mcg{background-color:grey;border-radius:30px;padding:10px 10px 10px 20px;width:300px;align-items:space-around;color:#fff}.mcg,.messagepage-username-profession{display:flex;flex-direction:column;overflow:auto}.messagepage-username-profession{border:1px solid #d3d3d3;border-left:0;border-top:0;border-right:0;width:100%;min-height:40px;padding:0 10px}.messagepage-profession{font-size:12px}@media(max-width:890px){.mcg{display:flex;flex-direction:column;background-color:grey;align-items:space-around}.mcg,.mcp{border-radius:30px;padding:10px 10px 10px 20px;width:250px;color:#fff}.mcp{background-color:purple}@media(max-width:600px){.mcg{display:flex;flex-direction:column;background-color:grey;align-items:space-around}.mcg,.mcp{border-radius:30px;padding:10px 5px 10px 20px;color:#fff}.mcp{background-color:purple}}}@media(max-width:350px){.mcg{display:flex;flex-direction:column;background-color:grey;align-items:space-around}.mcg,.mcp{border-radius:30px;padding:10px 5px 10px 20px;width:150px;color:#fff}.mcp{background-color:purple}}.user-message-img{width:40px}.usermessage-submitbutton{display:flex;flex-direction:column;justify-content:center;background-color:#fff;border:1px solid #d3d3d3;border-left:0;border-top:0;border-right:0;width:280px;height:92px;outline-color:purple}@media(max-width:750px){.usermessage-submitbutton{background-color:#fff;border:1px solid #d3d3d3;border-left:0;border-top:0;border-right:0;width:200px;height:92px;outline-color:purple}}@media(max-width:600px){.usermessage-submitbutton{background-color:#fff;border:1px solid #d3d3d3;border-left:0;border-top:0;border-right:0;width:100%;height:92px;outline-color:purple}}.message-form{width:100%}.message-text{width:100%;height:200px;border:1px solid #d3d3d3;border-right:none;border-left:none;padding-left:10px;padding-top:10px}.message-username{height:39px;width:100%;border:none;padding-left:10px}.replymessage-text{width:100%;height:100px;border:none;border-top:1px solid purple;border-bottom:1px solid #d3d3d3}.profile-container{margin:40px}.myprofile-img{height:200px}.profile-info-img{background-color:#fff;padding:30px;margin-bottom:20px}.graybar{width:100%;height:70px;background-color:grey}.profile-info{display:flex;justify-content:space-between}.profile-page-name{font-weight:600}.profile-profession-college{font-size:12px;font-weight:600}.profile-aboutme,.profile-organizations,.profile-services{background-color:#fff;padding:30px;margin-bottom:20px}.aboutMeIcon{display:flex;justify-content:space-between}.aboutMeForm{width:100%;height:200px}.myprofile-editicon{height:40px}@media(max-width:480px){.profile-info,.profile-info-img{display:flex;flex-direction:column;align-items:center}.profile-aboutme,.profile-organizations,.profile-services{font-size:12px}.myprofile-title{font-size:16px}.myprofile-editicon{height:20px}}.about-me-text{width:100%;height:200px}.start-info{margin-right:5px}.signup,.start-info{max-width:70%;padding:5px}.signup{text-align:left;margin-bottom:20px}.start-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;max-height:100%;padding:0 30px}.signup-input{padding:10px;margin:5px;border-radius:10px}@media(min-width:580px){.start-container{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;max-height:100%}.signup,.start-info{max-width:50%;padding:5px}.signup{text-align:left}}.users-container{display:flex;flex-direction:column;align-items:center;width:181px;height:282px;border:1px solid #d3d3d3;margin:0 15px 20px 0}.user-img{height:100px}.userpage-card{display:flex;justify-content:center;width:157px;height:174px;padding:12px;text-align:center;align-items:center}.userpage-name{color:#000;font-weight:600}.userpage-profession{font-size:14px;color:grey;font-weight:400}.purple-box{background-color:grey;width:100%;height:40px}.connect-button{margin-top:10px}.userpage-container{margin-top:20px;display:flex;justify-content:space-between}.user-middle-container{background-color:#fff;padding:0 30px}.usermiddle-title{margin:16px 0}.user-middle{display:flex;flex-wrap:wrap;flex-basis:100%}.usersearch-button{border:1px solid #fff;background-color:#d3d3d3;height:30px;color:purple;margin-left:2px}.user-sidebar{background-color:#fff;border:1px solid #d3d3d3;width:310px;height:180px;margin-right:50px}.userpage-friends{display:flex;justify-content:space-between;padding:0 15px}.friend-image{height:30px}.friendtext-andicon{margin-right:30px}.friend-number,.friendtext-andicon{display:flex;align-items:center}@media(max-width:650px){.userpage-container{margin-top:20px;display:flex;flex-direction:column}.user-sidebar{background-color:#fff;border:1px solid #d3d3d3;width:100%;height:auto;margin:0}.user-middle{display:flex;flex-wrap:wrap;flex-basis:100%;justify-content:center}}.loginpage-login{background-color:#2787b4;height:100vh}.link-tag-remove{text-decoration:none}.tag-remove:before{display:flex;justify-content:flex-end;margin-right:30px;padding-top:20px;font-size:30px;content:"x";color:#fff;font-weight:300;font-family:Arial,sans-serif}.loginpage-form{display:flex;flex-direction:column;margin:0 10px 10px}.loginpage-username{margin-top:20px;border-bottom:none}.loginpage-password,.loginpage-username{background-color:#fff;border-top:1px solid #d3d3d3;border-left:1px solid #d3d3d3;padding:10px}.loginpage-password{border-bottom:1px solid #d3d3d3;margin-bottom:15px}.loginpage-signin-button{cursor:pointer;border:1.2px solid #fff;font-size:20px;font-weight:700;color:#fff;padding:10px;background-color:#2787b4}.notfound-ecoacme-title{padding:20px;font-weight:600;color:#000;margin-top:10px}.notfoundpage-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.notfoundpage-text{width:70%;text-align:center}.notfound-p{font-size:18px;color:#000}
/*# sourceMappingURL=main.3d431bca.chunk.css.map */