@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);body{background-image:linear-gradient(90deg,#434343 0,#000);background-origin:content-box;background-repeat:no-repeat;background-size:cover;font-family:Noto Sans,sans-serif;min-height:100vh}.text-center{background:transparent;color:#263238;display:block;font-size:36px;margin:-50px 0 80px;text-align:center}.box{background-image:linear-gradient(135deg,#fdfcfb,#e2d1c3);border-radius:40px 5px 50px 4px;left:50%;padding:55px 65px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.input-container{background:transparent;margin-bottom:25px;position:relative}.input-container label{color:#263238;font-size:30px;left:0;position:absolute;top:0;transition:all .5s ease-in-out}.input-container input{background:transparent;border:0;border-bottom:1px solid #555;color:#263238;font-size:30px;padding:8px 0 5px;width:100%}.input-container input:focus{border:none;border-bottom:4px solid #e74c3c;outline:none}.btn{background-color:#e74c3c;border:0;border-radius:2px;color:#263238;cursor:pointer;margin-top:30px;outline:none;padding:20px 30px;position:relative;text-transform:uppercase}.input-container input:focus~label,.input-container input:valid~label{font-size:12px;top:-12px}.chat-window{height:480px;left:60ch;position:absolute;top:160px;width:400px}.chat-window p{letter-spacing:.1rem;margin:0}.chat-window .chat-header{background:#263238;border-radius:10px;cursor:pointer;height:45px;position:relative}.chat-header{align-content:space-between;display:flex;justify-content:space-between}.chat-window .chat-header p{color:#d3d3d3;display:block;font-weight:700;line-height:45px;padding:0 1em 0 2em}.chat-window .chat-body{background-image:linear-gradient(135deg,#fdfcfb,#e2d1c3);border-radius:10px;height:365px;position:relative}.chat-window .chat-body .message-container{height:100%;overflow-x:hidden;overflow-y:scroll;width:100%}.chat-window .chat-body .message-container::-webkit-scrollbar{display:none}.chat-window .chat-body .message{display:flex;height:auto;padding:10px}.chat-window .chat-body .message .message-content{align-items:center;background-color:#51c057;border-radius:5px;color:#fff;display:flex;height:auto;margin-left:5px;margin-right:5px;max-width:120px;min-height:40px;overflow-wrap:break-word;padding-left:5px;padding-right:5px;width:auto;word-break:break-word}#you,#you .message-content,#you .message-meta{justify-content:flex-start}#you .message-meta{margin-left:5px}#other,#other .message-content{justify-content:flex-end}#other .message-content{background-color:#6495ed}#other .message-meta{justify-content:flex-end;margin-right:5px}.message-meta #name{font-weight:700;margin-left:10px}.chat-window .chat-body .message .message-meta{display:flex;font-size:12px}.chat-window .chat-footer{border:1px solid #263238;border-radius:10px;border-top:none;display:flex;height:40px}.chat-window .chat-footer input{background-image:linear-gradient(135deg,#fdfcfb,#e2d1c3);border:0;border-radius:10px;flex:98% 1;font-family:Open Sans,sans-serif;font-size:1em;height:120%;outline:none;padding:0 .7em}.chat-window .chat-footer button{size:30px;background:transparent;border:0;cursor:pointer;display:grid;flex:5% 1;outline:none;place-items:center}.chat-window .chat-footer button img{size:30px;background-image:linear-gradient(135deg,#fdfcfb,#e2d1c3);border-radius:10px}.hide{opacity:0!important}
/*# sourceMappingURL=main.cc4d7881.css.map*/