*{margin:0;padding:0}.container{height:100vh;background-image:url(../img/background-image.b4a5ccc1.png);background-size:cover}.header{height:10%;text-align:center}.header p{color:#fff;font-size:20px;font-weight:500;position:relative;bottom:-6%}.main{height:40%}.main,.main .content{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.main .content{width:80%;height:80%;background-color:#fff;border-radius:8px;color:#003b7d;font-size:20px;font-weight:450;position:relative;-ms-flex-direction:column;flex-direction:column}.main .content .room{width:80%;margin-bottom:3%}.main .content .line{width:80%;border-top:1px solid #003b7d}.main .content .message{margin-top:5%;width:80%;height:60%;overflow:scroll;font-size:18px;font-weight:400}.main .content .bookmark{width:6%;margin-top:-2%;-ms-flex-item-align:end;align-self:flex-end;margin-right:10%}.handler{height:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.handler button{width:80%;height:15%;color:#003b7d;font-size:20px;background-color:hsla(0,0%,100%,.6);border:0;border-radius:8px;outline:none}.handler button:nth-child(n+2){margin-top:5%}.handler button:nth-child(2){background-color:#003b7d;color:#fff}.tips{height:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:#003b7d;font-size:20px;font-weight:450}.tips img{width:20%;margin-bottom:10%}#mask{width:100vw;height:100vh;z-index:10;background-color:rgba(0,0,0,.4)}#mask,#msg-box{position:absolute}#msg-box{width:70vw;background-color:hsla(0,0%,100%,.6);z-index:11;margin-top:38vh;margin-left:15vw;border-radius:8px;color:#003b7d;text-align:center;font-size:26px}#msg-box p{margin-top:5.5vh;margin-bottom:4.5vh}#msg-box button{font-size:18px;width:50vw;height:5.5vh;margin-bottom:4.5vh;background-color:#e62528;color:#fff;outline:none;border:0;text-align:center;border-radius:6px}.hidden{display:none}