body{margin:0;padding:0;font-family:sans-serif;background:#eff3f7}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.box[data-v-1f5ed092]{width:300px;padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;text-align:center;border-radius:20px 20px}.box h1[data-v-1f5ed092]{color:#87bfff;font-weight:500;text-align:center}.box input[type=text][data-v-1f5ed092]{border:0;background:none;display:block;margin:5px auto;text-align:center;border:2px solid #cae5ff;padding:14px 10px;width:200px;outline:none;color:#6b7077;border-radius:24px;transition:.5s;font-size:16px}.box input[type=text][data-v-1f5ed092]:focus{border-color:#87bfff;width:250px}.box input[type=text][data-v-1f5ed092]::-moz-placeholder{opacity:.6}.box input[type=text][data-v-1f5ed092]:-ms-input-placeholder{opacity:.6}.box input[type=text][data-v-1f5ed092]::placeholder{opacity:.6}.box button[type=submit][data-v-1f5ed092]{border:0;background:none;display:block;margin:20px auto;text-align:center;border:2px solid #cae5ff;padding:14px 40px;outline:none;font-style:normal;font-size:18px;color:#6b7077;transition:.25s;cursor:pointer}.box button[type=submit][data-v-1f5ed092]:focus{border-color:#87bfff}.box button[type=submit][data-v-1f5ed092]:hover{border-radius:24px}button[data-v-1f5ed092]{text-decoration:none}.joining_error[data-v-1f5ed092]{color:red}.character-counter[data-v-5ea73082]{text-align:right;padding-bottom:5px}.--exceeded-border[data-v-5ea73082]{border:2px solid red!important}.--exceeded-color[data-v-5ea73082]{color:red}footer[data-v-5ea73082]{height:155px;padding:20px 30px 10px 20px}footer textarea[data-v-5ea73082]{resize:none;border:none;display:block;width:100%;height:80px;border-radius:3px;padding:20px;font-size:16px;margin-bottom:13px}footer textarea[data-v-5ea73082]:focus{outline:none!important;border:2px solid #cae5ff}footer textarea[data-v-5ea73082]::-moz-placeholder{color:#999c9e;font-size:16px}footer textarea[data-v-5ea73082]:-ms-input-placeholder{color:#999c9e;font-size:16px}footer textarea[data-v-5ea73082]::placeholder{color:#999c9e;font-size:16px}footer img[data-v-5ea73082]{height:30px;cursor:pointer}footer a[data-v-5ea73082]{text-decoration:none;text-transform:uppercase;font-weight:700;color:#6fbced;vertical-align:top;margin-left:333px;margin-top:5px;display:inline-block}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial}#container,body{height:100%;width:100%}#container{background:#eff3f7;margin:0;font-size:0;border-radius:5px;margin-left:0;overflow:hidden}main{width:490px;height:800px;display:inline-block;font-size:15px;vertical-align:top}h1{color:#87bfff;font-weight:500;text-align:center}h2,h3{margin:0}.status{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:7px}.green{background-color:#58b666}.orange{background-color:#ff725d}.blue{background-color:#6fbced;margin-right:0;margin-left:7px}main header{height:90px;padding:30px 0 0 40px}main header>*{display:inline-block;vertical-align:top}main header img:first-child{border-radius:50%;width:15%}main header img:last-child{width:24px;margin-top:8px}main header div{margin-left:10px;margin-right:145px}main header h2{font-size:16px;margin-bottom:5px}main header h3{font-size:14px;font-weight:400;color:#7e818a}#chat{padding-left:0;margin:0;list-style-type:none;overflow-y:scroll;height:535px;border-top:2px solid #fff;border-bottom:2px solid #fff}#chat li{padding:10px 30px}#chat h2,#chat h3{display:inline-block;font-size:13px;font-weight:400}#chat h3{color:#bbb}#chat .entete{margin-bottom:5px}#chat .entete h3{margin:0 10px}#chat .message{padding:20px;color:#fff;line-height:25px;max-width:90%;display:inline-block;text-align:left;border-radius:5px;font-size:16px}#chat .me{text-align:right}#chat .you{text-align:left}#chat .you .message{background-color:#58b666}#chat .me .message{background-color:#6fbced}#chat .triangle{width:0;height:0;border-style:solid;border-width:0 10px 10px 10px}#chat .you .triangle{border-color:transparent transparent #58b666 transparent;margin-left:15px}#chat .me .triangle{border-color:transparent transparent #6fbced transparent;margin-left:375px}