.message{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-content:center;align-items:center;flex-wrap:wrap;flex-direction:row;position:fixed;z-index:9999;width:600px;height:auto;padding:15px 0;top:0;left:50%;transform:translateX(-50%);font-weight:bold;font-size:1.2rem;color:#080808;border:4px solid transparent;border-radius:0 0 8px 8px;text-align:center}.message--info{background:#b0d6e5;border-color:#3889ab}.message--info .message-close{color:#193c4b}.message--error{background:#ffc8c8;border-color:#ff4848}.message--error .message-close{color:#950000}.message--warning{background:#f8efcc;border-color:#e8cb5c}.message--warning .message-close{color:#806912}.message--success{background:#a6e7a7;border-color:#2fab31}.message--success .message-close{color:#144714}.message .message-close{cursor:pointer;position:absolute;top:5px;right:8px}