.message {
    background-size: 40px 40px;
    background-image: -moz-linear-gradient(135deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.05) 75%,transparent 75%,transparent);
    background-image: -webkit-linear-gradient(135deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.05) 75%,transparent 75%,transparent);
    background-image: linear-gradient(135deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.05) 75%,transparent 75%,transparent);
    -webkit-box-shadow: 0 5px 5px -5px rgba(34,60,80,0.6);
    -moz-box-shadow: 0 5px 5px -5px rgba(34,60,80,0.6);
    box-shadow: 0 5px 5px -5px rgba(34,60,80,0.6);
    font-family: 'Open Sans',sans-serif;
    font-size: 20px;
    max-width: 860px;
    margin: 20px auto;
    border-radius: 5px;
    padding: 15px;
    -moz-animation: bg-animate 5s linear infinite;
    -webkit-animation: bg-animate 5s linear infinite;
    -ms-animation: bg-animate 5s linear infinite;
    animation: bg-animate 5s linear infinite;
    text-shadow: 0 1px 1px rgba(15,33,93,0.6)
}

.message span {
    font-weight: 600
}

.message #close {
    float: right;
    color: inherit;
    text-decoration: none;
    margin-top: -1.9px;
    font-size: 23px;
    margin-left: 5%
}

.message#info {
    background-color: #015fa5;
    border-left: 5px #ffe15a solid;
    color: #ffffff
}

@-webkit-keyframes bg-animate {
    from {
        background-position: 0 0
    }

    to {
        background-position: -80px 0
    }
}

@-moz-keyframes bg-animate {
    from {
        background-position: 0 0
    }

    to {
        background-position: -80px 0
    }
}

@keyframes bg-animate {
    from {
        background-position: 0 0
    }

    to {
        background-position: -80px 0
    }
}