@import url(https://fonts.googleapis.com/css?family=Open+Sans|Pacifico);code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.chatroom h3{font-family:Pacifico,cursive;color:#fff}.chatroom .chats{min-height:200px}.icon_theme{width:140px}.img_theme_chi{width:65%}@media (max-width:576px){.img_theme{width:90%;height:150px}.img_theme_chi{width:99%}.icon_theme{width:100px}}.chatroom{height:90%;background-color:rgba(247,191,191,.7)}.chatroom h3{background-color:(#a52423,.7)}.chatroom .chats{width:auto;height:"90%"}.chatroom .chats .chat{background:hsla(0,0%,100%,.8)}.chatroom .input input[type=text]{border:2px solid #701515;width:270px}.chatroom .input input[type=submit]{background:transparent;border:2px solid #701515}.chatroom .input input[type=submit]:hover{background:#701515;color:#fff}.chatroom{width:100%;height:100%}.chatroom-offerbox{display:flex;width:90%;height:90%}.RedColor{justify-content:left}.chatroom-offerbox-inner{margin:10% 10% 5%}.chatroom .chats{padding:0 20px;height:"100%"}.chatroom .input{width:auto}.chatroom .input input[type=text]{width:100%}body,p{margin:0}p{display:inline-block}.App{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.chatroom{width:auto;height:auto;background-color:hsla(0,0%,100%,.7);border-radius:5px;border-color:#000;overflow:hidden;box-shadow:0 0 8px 0 rgba(0,0,0,.3)}.chatroom-offerbox{align-items:center;justify-content:center;height:auto;margin:0}.ShiftLeft{justify-content:left}.RedColor,.ShiftLeft{display:flex;align-items:left}.RedColor{color:#a52423;justify-content:center}.chatroom-offerbox-inner{margin-top:10%;margin-bottom:5%}.chatroom h3{font-family:Times New Roman Georgia;background-color:(#751212,.7);color:#000;margin:0;height:40px;font-size:20px;display:flex;align-items:center;justify-content:center}.chatroom .chats{box-sizing:border-box;padding:0 10px;margin:10px 0 0;height:60vh;overflow-y:scroll}.chatroom .chats .chat{background:#a52423;position:relative;padding:5px 13px;font-size:14px;color:#fff;border-radius:10px;list-style:none;float:left;clear:both;margin:10px 0;max-width:200px}.chatroom .chats .chat img{width:20px;height:20px;border-radius:50%;position:absolute;top:-10px;left:0}.chatroom .chats .chat.right{float:right;clear:both;text-align:left;color:#fff}.chatroom .chats .chat.left{color:#fff;text-align:left}.chatroom .chats .chat a{text-decoration:none;color:#3498db}.chatroom .input{height:40px;width:100%;margin-right:10px;background-color:(#a52423,.7);display:flex;flex-direction:row;align-items:center}.chatroom .input input[type=text]{background:hsla(0,0%,100%,.5);outline:0;border:2px solid #a52423;padding:0 5px;border-top-left-radius:5px;border-bottom-left-radius:5px;margin-left:10px;height:30px;width:"93%";box-sizing:border-box;font-size:14px}.chatroom .input input[type=button],.chatroom .input input[type=submit]{background:#a52423;border:2px solid #a52423;color:#fff;height:30px;width:70px;font-size:14px;box-sizing:border-box;border-top-right-radius:5px;border-bottom-right-radius:5px;cursor:pointer;transition:all .3s ease}.chatroom .input input[type=submit]:hover{background:#fff;color:#a52423}.chatroom .input input[type=button]:hover{background:#fff;color:#701515}.App{text-align:center}.App-logo{animation:App-logo-spin 20s linear infinite;height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.f9f17267.chunk.css.map */