@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&display=swap);body{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}#logo{font-family:"Comfortaa";letter-spacing:-2px;margin-left:5px}#logo>a{text-decoration:none}#root{height:100vh;width:100%}.app,body{height:100%}body{background-color:rgba(0,0,0,.1);position:relative}body *{box-sizing:border-box}.main{height:100%}#headerSpacer{height:140px}#rightSide{margin-left:28%}.sendReceiveSelector{display:inline-block;width:40%;border-radius:5px;padding:15px 0;text-align:center;background-color:#d3d3d3;cursor:pointer;margin:-40px 5% 10px}.sendReceiveSelector:hover{background-color:grey;color:#fff}.selected{background-color:#1b7bf2;color:#fff}hr{outline:none;border:1px solid #cdcdcd;margin:10px auto}.card{box-shadow:0 0 10px rgba(0,0,0,.3);margin:20px;padding:20px 35px;border-radius:5px;background-color:#fff;width:auto;max-width:60%;overflow:visible}.card>h2{margin:10px auto}.card>.comments{margin-top:20px}.textField{padding:12.5px 10px;outline:none;border:0 solid #a1a1a1;background-color:rgba(0,0,0,.1);border-radius:5px;font-size:16px;width:100%;margin-bottom:10px}.textField:hover{background-color:rgba(0,0,0,.15);padding:11.5px 9px;border:1px solid rgba(0,0,0,.2)}.textField:focus{background-color:rgba(0,0,0,.15);padding:10.5px 8px;border:2px solid rgba(0,0,0,.2)}.card>form>select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.card>.comments>img{background-color:grey;height:43px;width:43px;margin-left:15px;background-size:contain}.card>.comments>img,button{border:none;outline:none;border-radius:5px;float:right}button{padding:10px 15px;background-color:#1b7bf2;color:#fff;font-size:16px;margin-top:10px;cursor:pointer;box-shadow:0 0 10px rgba(0,0,0,.2);transition:.25s ease}button:focus,button:hover{box-shadow:0 0 10px rgba(0,0,0,.4)}button:focus{background-color:#0e66d1}.focusCard{padding-top:40px;white-space:pre}.focusCard>p{margin:5px auto}.focusCard>h2{margin-top:0}.fromTo{font-size:12px;margin-right:5px;background-color:#cdcdcd;padding:3px 5px;border-radius:5px}#loginApp{height:100%;width:100%;padding-top:10%;background:url(/login_background.png)}.loginCard{max-width:450px;margin:auto}.loginCard>form>input{display:block;margin-bottom:15px;max-width:480px}.loginCard>form>p{display:inline-block;margin:20px auto 15px 5px}.loginCard>form>p>a{color:#000}.loginCard>form>button{display:inline}.loginCard>form>h2{margin-left:5px}.loginLogo{color:#1b7bf2}.forgot-input{color:red;margin-bottom:10px}header{padding:10px 40px;background-color:#1b7bf2;box-shadow:0 0 5px rgba(0,0,0,.3);position:fixed;width:100%;z-index:1}.headerLogo{color:#fff}header>p{margin-left:5px}header>p>a{color:#fff;text-decoration:none;font-weight:700;margin-right:25px;transition:.25s ease}header>p>a:focus,header>p>a:hover{color:hsla(0,0%,100%,.8)}#leftSidebar{width:28%;background-color:#fff;color:#000;box-shadow:0 0 10px rgba(0,0,0,.3);position:fixed;overflow:scroll;margin-top:-160px;padding:160px 0 20px;height:100%}.innerCard{border-top:1px solid #cdcdcd;padding:10px 40px;height:115px;width:100%;cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.innerCard>h2,.innerCard>h3{margin:5px 0 0;font-size:16px}#time,.innerCard>h2{display:inline-block}.innerCard>h3{font-weight:400}.innerCard>p{margin:5px 0 0;color:#757575;text-overflow:ellipsis;overflow:hidden}#messages:last-child{border-bottom:1px solid #cdcdcd}#time{float:right}.loadingWheel{height:40px;width:40px;display:block;margin:50px auto auto}.createPostForm>input,.createPostForm>select,.createPostForm>textarea{padding:12.5px 10px;outline:none;border:0 solid #a1a1a1;background-color:rgba(0,0,0,.1);margin-bottom:10px;border-radius:5px;font-size:16px;transition:.25s ease;max-width:100%;min-width:100%;width:100%;font-family:Arial}.createPostForm>input:focus,.createPostForm>input:hover,.createPostForm>select:focus,.createPostForm>select:hover,.createPostForm>textarea:focus,.createPostForm>textarea:hover{background-color:rgba(0,0,0,.15)}.createPostForm>button{margin-top:0}form{overflow:visible}form>.createTitle{width:100%;border:none}form>.createText{min-height:43px;max-height:300px;height:150px}.createPostForm{overflow:auto}.createPostForm>.secondaryBtn{background-color:rgba(0,0,0,.35);margin-right:10px}.createPostButton{background-color:#1b7bf2;color:#fff;padding:12.5px 25px;position:absolute;bottom:10px;right:30px;border-radius:500px;box-shadow:0 0 10px rgba(0,0,0,.3);cursor:pointer}#createPost{position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto}#createPost>.card{margin-top:10%;margin-left:20%;max-width:800px}.createPostActive{background-color:rgba(0,0,0,.5);z-index:2}
/*# sourceMappingURL=main.d6c38020.chunk.css.map */