body{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}.sidenav{background-color:#000;color:#fff;height:100vh;text-align:center;width:20%;display:inline-block}.sidenav .login-main-text{padding:1em}.signinMain,.signupMain{float:right;height:100vh;width:80%;font-size:1.25em}.signinMain h2,.signupMain h2{box-shadow:0 7px 15px -10px grey;padding-bottom:.25em;text-align:center}.signinMain form,.signupMain form{max-width:24em;padding:1em;margin:16% auto 0}.signupMain form{margin-top:10%}.signupMain label{display:block}.login-main-text{margin:30vh auto}input{font-size:1em;height:2em;margin:.5em .5em 1em 0;padding:.2em;border-radius:4px;border:1px solid #ccc}input[type=email],input[type=password],input[type=text]{width:100%}input[type=reset],input[type=submit]{cursor:pointer;padding:.75em;height:auto}.btn-black{background-color:#000;color:#fff}.messageRow{margin:1em;width:75%}.profile{padding:1em .2em 0;text-align:center;width:15%;display:inline-block}.profile img{width:100%;border-radius:50%}.row{height:auto}.messageBubble{background-color:#5f84ce;border-radius:0 1.5em 1.5em 1.5em;padding:1em;position:relative;color:#fff;display:inline-block;max-width:70%;min-width:40%}.messageBubble .time{float:right;color:#ddd;position:absolute;bottom:.5em;right:1em;font-size:.75em}.cross{background-color:#dc143c;border-radius:50%;color:#fff;padding:.25em .55em;position:absolute;display:none;left:-.25em;top:-.25em}.messageRow.sender:hover .cross{display:inline;cursor:pointer}.sender{text-align:right;margin-left:auto}.sender .messageBubble{background-color:#ececec;border-radius:1.5em 0 1.5em 1.5em;color:#555}.sender .messageBubble .time{color:#aaa;right:auto;left:1em}body{margin:0;padding:0;height:100%}button{cursor:pointer}a{text-decoration:none}.sidebar{height:100vh;overflow:hidden;background-color:#f0fff0;width:30%;float:right}.sidebar .users{height:100%;overflow-y:scroll}.sidebar .profile{width:80%;position:relative;box-shadow:1px 2px 8px grey;display:block;padding:1em 10%;margin:0 auto}.messageWrapper{width:70%;display:inline-block}.boxWrapper{width:100%;min-width:360px;max-width:820px;margin:0 auto;height:100vh;position:relative}.messageHeader{padding:.2em 0;position:absolute;background-color:#fff;width:100%;z-index:10;box-shadow:0 1px grey}.messageHeader h2{display:inline-block;margin-left:1em}.messageHeader p{padding-left:1.5em;margin:1.25em 2em;float:right;background-image:url(/images/button-850099_960_720.png);background-position:0;background-size:contain;background-repeat:no-repeat}.messageHeader button{width:4em;padding:0;background:none;border:none;outline:none;float:right;margin-right:2.5em}.messageHeader img{width:100%}.messageScroller{scroll-behavior:smooth;overflow-y:scroll;height:90%}.messageBase{height:5vh}.messageBase form{height:100%;padding:0}.messageBase form input{width:85%;height:100%;margin:0;padding:0 1em;border-radius:2em;outline:none}.messageBase button{background:none;border:none;outline:none;height:100%;margin-right:1em;float:right}.messageBase button img{height:100%}.home,.logout{position:absolute;top:1em;right:1em;width:20%}.home{left:1em}.right{float:right}@media only screen and (max-width:1040px){.messageBase form input{width:68%}}section{background:url(/images/paper-airplane-silhouette-13.png);background-size:contain;background-repeat:no-repeat;height:100vh;width:100%;text-align:center;overflow:hidden}.info{max-width:25em;margin:10% auto;box-shadow:0 3px 10px grey;padding:5em;background:hsla(0,0%,100%,.25);font-size:1.25em;text-shadow:4px 4px #fff}.btn{padding:1.5em 2.5em;color:#fff;background:#1c8adb;display:inline-block;border-radius:.255em;font-weight:700;box-shadow:0 3px 5px grey;text-shadow:none}.btn.secondary{margin-left:2em;color:grey;background:#e1e1e1}.user .profile{width:100%;display:block;max-width:720px;margin:0 auto;padding:0;position:relative}.user .profile .home,.user .profile .logout{width:15%}
/*# sourceMappingURL=main.e5419d69.chunk.css.map */