@import url(https://fonts.googleapis.com/css?family=Montserrat:400,800);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;margin:0;overflow-y:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;text-align:center}.App{overflow-y:hidden}#signInPage :not(input){box-sizing:border-box;-webkit-user-select:none;user-select:none}#signInPage{align-items:center;background:#f6f5f7;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;height:100vh;justify-content:center}#signInPage h1{font-weight:700;margin:0}#signInPage h2{text-align:center}#signInPage p:not(.serverMessage){font-size:14px;font-weight:100;letter-spacing:.5px;line-height:20px;margin:20px 0 30px}.form-container .serverMessage{color:red;font-size:14px;font-weight:100;letter-spacing:.5px;margin:10px}#signInPage span{font-size:12px}#signInPage a{color:#333;font-size:14px;margin:15px 0;text-decoration:none}#signInPage button{background-color:#09790c;border:1px solid #09790c;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:1px;margin-top:10px;padding:12px 45px;text-transform:uppercase;transition:transform 80ms ease-in}#signInPage button:active{transform:scale(.95)}#signInPage button:focus{outline:none}#signInPage button.ghost{background-color:initial;border-color:#fff}#signInPage form{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 50px;text-align:center}#signInPage input{background-color:#eee;border:none;border-radius:20px;margin:8px 0;padding:12px 15px;width:100%}#signInPage .container{background-color:#fff;border-radius:10px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;overflow:hidden;position:relative;width:768px}#signInPage .form-container{height:100%;position:absolute;top:0;transition:all .6s ease-in-out}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}#signInPage .overlay{background:#09790c;background-position:0 0;background-repeat:no-repeat;background-size:cover;color:#fff;left:-100%;position:relative;width:200%}#signInPage .overlay,#signInPage .overlay-panel{height:100%;transform:translateX(0);transition:transform .6s ease-in-out}#signInPage .overlay-panel{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 40px;position:absolute;text-align:center;top:0;width:50%}.disabledSubmitButton{color:#fff;cursor:not-allowed;filter:opacity(.75) grayscale(100%)}@media screen and (orientation:landscape){#signInPage .container{height:70vh;width:100vh}#signInPage .sign-in-container{left:0;width:50%;z-index:2}#signInPage .sign-up-container{left:0;opacity:0;width:50%;z-index:1}#signInPage .overlay-container{height:100%;left:50%;overflow:hidden;position:absolute;top:0;transition:transform .6s ease-in-out;width:50%;z-index:100}#signInPage .container.right-panel-active .overlay-container{transform:translateX(-100%)}#signInPage .container.right-panel-active .sign-in-container{transform:translateX(100%)}#signInPage .container.right-panel-active .sign-up-container{animation:show .6s;opacity:1;transform:translateX(100%);z-index:5}#signInPage .container.right-panel-active .overlay{transform:translateX(50%)}#signInPage .overlay-left{transform:translateX(-50%)}#signInPage .container.right-panel-active .overlay-left{transform:translateX(0)}#signInPage .overlay-right{right:0;transform:translateX(0)}#signInPage .container.right-panel-active .overlay-right{transform:translateX(50%)}}@media screen and (orientation:portrait){#signInPage .container{min-height:80vh;width:90vw}#signInPage .sign-in-container{height:50%;left:0;top:50%;width:100%;z-index:2}#signInPage .sign-up-container{height:50%;left:0;opacity:0;top:50%;width:100%;z-index:1}#signInPage .overlay-container{height:50%;left:0;overflow:hidden;position:absolute;top:0;transition:transform .6s ease-in-out;width:100%;z-index:100}#signInPage .container.right-panel-active .overlay-container{transform:translateY(100%)}#signInPage .container.right-panel-active .sign-in-container{transform:translateY(-100%)}#signInPage .container.right-panel-active .sign-up-container{animation:show .6s;opacity:1;transform:translateY(-100%);z-index:5}#signInPage .container.right-panel-active .overlay{transform:translateY(0)}#signInPage .overlay-left{right:0;transform:translateY(150%)}#signInPage .container.right-panel-active .overlay-left{transform:translateY(0)}#signInPage .overlay-right{right:0;transform:translateY(0)}#signInPage .container.right-panel-active .overlay-right{transform:translateY(-150%)}}#HomePage{height:100vh;overflow:hidden}#navBar{align-items:center;background-color:#fff;background:#09790c;border-radius:0 0 10px 10px;display:flex;flex-direction:row;height:50px;justify-content:flex-start;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1;z-index:5}#navBar *{-webkit-user-select:none;user-select:none}#navBar-left-title #navBar-title{color:#fff;font-family:Montserrat,sans-serif;font-size:1.5em}#navBar-right{color:#fff;font-size:1.5em;margin-left:auto;position:relative}#navBar-right #user-popup{background:#fff;border-radius:20px;box-shadow:0 0 10px #00000080;color:#000;display:flex;flex-direction:column;height:auto;justify-content:space-evenly;padding-top:20px;position:absolute;right:40%;top:100%;width:150px;z-index:9}#navBar-right #user-popup.hidden{display:none}#navBar-right #user-popup #user-popup-name{padding:5px;text-align:center}#navBar-right #navBar-user-icon{cursor:pointer;transition:.1s ease-in-out}#navBar-right #navBar-user-icon:active{transform:scale(.85)}#navBar #sign-out-btn{background-color:#0000;border:1px solid #901111;border-radius:20px;color:#901111;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:1px;margin:20px 10px 10px;padding:12px;text-transform:uppercase;transition:transform 80ms ease-in}#navBar #sign-out-btn:active{transform:scale(.95)}#navBar #sign-out-btn:focus{outline:none}#navBar #sign-out-btn.ghost{background-color:initial;border-color:#fff}#contactsListContainer{background:#f8f8f8;border-right:1px solid #0000001a;height:100%;left:0;overflow-y:scroll;padding-top:50px;position:absolute;top:0;transform:translateY(-10px);width:400px}#contactsListContainer #topBar{align-items:center;background-image:linear-gradient(180deg,#0003 0,#0000 100%,#0000 0);color:#000;display:flex;justify-content:space-between;left:0;padding:20px 10px 5px;position:-webkit-sticky;position:sticky;top:0}#contactsListContainer #topBar #searchInput{border:none;border-radius:20px;flex:1 1;height:30px;padding:0 20px;text-align:left}#contactsListContainer #topBar #newEntryButton{background:none;border:none;color:#09790c;cursor:pointer;font-size:30px;height:40px;padding:0;transform:translateY(3px);transition:all .1s ease-in-out;width:50px}#contactsListContainer #topBar #newEntryButton:active{transform:scale(.85) translateY(3px)}#contactsListContainer .list .contact{border-bottom:1px solid #0000001a;cursor:pointer;display:flex;flex:1 1;flex-direction:column;height:100px}#contactsListContainer .list .contact.contactSelected{background-color:#09790c;color:#fff}#contactsListContainer .list .contact .innerContainer{display:flex;flex:1 1;flex-direction:row;margin:10px}#contactsListContainer .list .contact .innerContainer .infoColumn{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:space-around;padding:10px}#contactsListContainer .list .contact .innerContainer .infoColumn .contactName{font-family:Montserrat,sans-serif;font-size:1.2em;font-weight:700;margin-bottom:10px;text-align:left}#contactsListContainer .list .contact .innerContainer .contactProfilePic{height:100%;width:20%}.list{padding-bottom:100px}@media screen and (max-width:1000px){#contactsListContainer{width:40%}}@media screen and (max-width:600px){#contactsListContainer{border:none;width:100vw}}#chatView{background-color:#fff;display:flex;flex-direction:column;height:100%;margin-top:40px;overflow-x:hidden;overflow-y:scroll;position:absolute;right:0;top:0;width:calc(100% - 400px)}#chatViewContent{flex:1 1}#chatView.hidden{display:none}#chatView #chatViewTopBar{align-items:center;background-color:#09790c;border-radius:0 0 10px 10px;color:#fff;display:flex;height:60px;justify-content:space-between;left:0;padding:10px 20px 0;position:-webkit-sticky;position:sticky;right:0;top:0;z-index:2}#chatView #chatViewTopBar #chatViewTopBar-Right{cursor:pointer;display:none;font-size:1.5em;transition:all .1s ease-in-out}#chatView #chatViewTopBar #chatViewTopBar-Right:active{transform:scale(.85)}#chatView #chatViewBottomBar{align-items:center;background-color:#09790c;border-radius:10px 10px 0 0;bottom:0;color:#fff;display:flex;flex-direction:row;height:60px;justify-content:space-between;left:400px;padding:0 20px 10px;position:fixed;right:0}#chatViewContent #convo{display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-start;margin-bottom:50px;padding:20px}#chatView #chatViewBottomBar input{background:none;border:none;border-bottom:1px solid #fff;color:#fff;height:40px;padding:0 10px;text-align:left;width:95%}#chatView #chatViewBottomBar input::placeholder{color:#ffffff80;-webkit-user-select:none;user-select:none}#chatView #chatViewBottomBar input:focus{outline-width:0;text-decoration:none}#chatView #chatViewBottomBar #chatViewBottomBar-Buttons{display:flex;font-size:1.5em;justify-content:flex-end;padding:0 10px;transform:translateY(5px);width:50px}#chatView #chatViewBottomBar #chatViewBottomBar-Buttons #sendButton{cursor:pointer;transition:all .1s ease-in-out;-webkit-user-select:none;user-select:none}#chatView #chatViewBottomBar #chatViewBottomBar-Buttons #sendButton:active{transform:scale(.85)}@media screen and (max-width:1000px){#chatView{width:60%}#chatView #chatViewBottomBar{left:40%}}@media screen and (max-width:600px){#chatView{width:100%}#chatView #chatViewBottomBar{left:0}#chatView #chatViewTopBar #chatViewTopBar-Right{display:block}}.message{word-wrap:break-word;border-radius:10px;box-shadow:1px 1px 10px #000;height:auto;margin-bottom:20px;max-width:50%;min-width:50px;padding:10px 15px;text-align:left;width:auto}.message.sent{align-self:flex-end;background-color:#09790c;color:#fff}.message.received{align-content:left;background-color:gray;color:#fff;margin-right:auto}.message .textDate{color:#ffffff80;font-size:.8em}.message.received .textDate{text-align:left}.message.sent .textDate{text-align:right}
/*# sourceMappingURL=main.ca3623b9.css.map*/