@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap);body{margin:0;font-family:poppins;background:#fff}::-webkit-scrollbar{display:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{min-height:100vh;width:100%;background:#fff}.signIn{letter-spacing:3px;width:90%;height:80vh;text-align:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(/static/media/back2.06f96fa1.png);object-fit:cover;background-repeat:no-repeat;background-size:contain;box-shadow:0 30px 50px rgba(0,0,0,.61)}button{outline:none;border:none;cursor:pointer}.App .signIn button{padding:15px 30px;background:#115355;color:#fff;font-size:18px}.App .signIn h3{font-size:30px;font-weight:600;margin:10px}.App .signIn p{color:#000;font-size:18px;font-weight:600;background:#fff;padding:10px 50px}.App .signIn button:hover{background:#028f94;transition:.3s ease}.chatroom .header{padding:0 20px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;background:linear-gradient(270deg,#7575d8,#02afaf)}.chatroom .header p{width:600px;text-align:center;margin:0 10px;color:#fff}.chatroom .header button{border:1px solid #fff;padding:5px 20px;background:transparent;color:#fff;font-size:14px;font-weight:600}.themes{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:10%}.theme-color{height:20px;width:20px;border-radius:5px}.chatroom .header button:hover{background:#fff;color:#000;transition:.3s ease}@media (max-width:820px){.chatroom .header p{display:none}body{font-size:14px}}.chatroom_container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:#40444b}.left{position:relative;min-width:350px;background:#181818;height:85vh}.left .card{display:-webkit-flex;display:flex;-webkit-justify-content:start;justify-content:start;-webkit-align-items:center;align-items:center;margin:20px 10px;border-radius:20px;background:hsla(0,0%,70.2%,.233)}.left .card .set_status{position:absolute;top:-5px;left:60px;font-size:14px;font-weight:700;background:hsla(0,0%,61.2%,.575);color:#fff;padding:2px 8px;border-radius:50px;cursor:pointer}.left .card img{border-radius:50%;padding:5px;object-fit:contain;height:30px;margin:10px}.left .card .status_online{border:1px solid #19eb19}.left .card .status_offline{border:1px solid #c00}.left .card .content{display:-webkit-flex;display:flex;width:75%;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.left .card .content h3{color:#fff;font-weight:400}.left .card .content i{color:grey}.left .card .content i:hover{cursor:pointer}.left .recording a{color:#00dfd3;text-decoration:none;font-size:14px;margin:30px 0;padding:0}.left .recording .buttons{border-radius:20px;padding:5px;margin:20px 10px;background:hsla(0,0%,70.2%,.233);display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.left .recording .buttons p{cursor:pointer;color:#fff;padding:0;margin:0}.right{max-width:350px;background:url(/static/media/back4.551b1cbd.png);height:85vh;background-size:cover;background-repeat:no-repeat}.right h3{color:#adadad;padding:0 10px}.right .content{text-align:center;margin:10px;border-radius:20px;padding:10px;background:hsla(0,0%,70.2%,.233)}.right .content h2{color:#fff;font-size:18px}.right .content p{color:#fff;font-size:14px}.messagess{background:#40444b;background-size:cover;display:-webkit-flex;display:flex;position:relative;-webkit-flex-direction:column;flex-direction:column;padding:0 10px;height:80vh;width:70%;overflow-y:auto}.messagess img{height:40px;width:40px;object-fit:contain;border-radius:50%}.messagess .texts,.messagess .texts .likes{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.messagess .texts .likes{color:#fff;background:#000;border-radius:50%;width:20px;height:20px;text-align:center;font-size:14px;margin-top:-25px;z-index:1}.messagess .loggedUSerMessage{-webkit-flex-direction:row-reverse;flex-direction:row-reverse;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.messagess .loggedUSerMessage .usertext{background:linear-gradient(270deg,#7575d8,#02afaf);color:#fff;border-radius:15px;padding:10px;font-weight:600;margin-left:5px;margin-right:5px;font-size:17px}.messagess .loggedUSerMessage .texts{-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.messagess .loggedUSerMessage .username{display:none}.messagess .message{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin:12px 0}.messagess .message .nameandtext{-webkit-flex-direction:column;flex-direction:column}.messagess .message .nameandtext .username{line-height:0}.messagess .message .texts{-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.messagess .message .texts .likes{margin-top:-25px;z-index:1}.messagess .message .usertext{background:linear-gradient(90deg,#7575d8,#02afaf);color:#fff;border-radius:15px;padding:10px;font-weight:600;margin-left:5px;margin-right:5px;font-size:17px}.messagess .message .username{color:#fff;font-size:12px;margin:0;padding:0}.messagess .msg_form{position:fixed;bottom:0;width:100%;display:-webkit-flex;display:flex;margin-bottom:8px;z-index:1111}.messagess .msg_form input{border:none;background:#181717;outline:none;padding:10px;width:34%;margin:0}.messagess .msg_form button,.messagess .msg_form input{color:#fff;box-shadow:0 0 20px rgba(0,0,0,.205);font-size:18px}.messagess .msg_form button{padding:10px 60px;background:#104953;cursor:pointer}.messagess .msg_form .audio-react-recorder{height:0;width:0}::-webkit-input-placeholder{color:hsla(0,0%,73.3%,.644)}:-ms-input-placeholder{color:hsla(0,0%,73.3%,.644)}::placeholder{color:hsla(0,0%,73.3%,.644)}@media (max-width:780px){.messagess{border:none;width:100%;border-radius:40px 40px 0 0;padding:0}.left,.right{display:none}.msg_form{-webkit-justify-content:space-between;justify-content:space-between;padding-left:0;display:-webkit-flex;display:flex;width:100%}.msg_form input{-webkit-flex:1 1;flex:1 1}}
/*# sourceMappingURL=main.30446bcb.chunk.css.map */