#enaksnackbar {
        visibility: hidden;
        min-width: 250px;
        margin-left: -140px;
        background: linear-gradient(to bottom, #7d5601 1%, #403c01 40%, #000000 100%);
        color: white;
        text-align: center;
        box-shadow: #f9c108 0px 0px 10px 2px;
        border-radius: 50px;
        border: 3px solid #f9c108;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 12px;
        text-shadow: 1px 1px 5px rgb(0,0,0);
        position: fixed;
        z-index: 1;
        left: 50%;
        top: 100px;
        font-size: 14px;
        font-weight: bold;
        font-family: 'Arial', sans-serif;
    }
    #GradientBorder {
        position: relative;
        width: 450px;
         padding: 400px 0;
        font-size: 5em;
        color: #fff;
        text-align: center;
        letter-spacing: 10px;
        background: #f9c108;
}

    #enaksnackbar.show {
        visibility: visible;
        -webkit-animation: fadein 0.8s, fadeout 0.8s 4.5s;
        animation: fadein 0.8s, fadeout 0.8s 4.5s;
    }

    @-webkit-keyframes fadein {
        from {top: 0; opacity: 0;} 
        to {top: 100px; opacity: 2;}
    }

    @keyframes fadein {
        from {top: 0; opacity: 0;}
        to {top: 100px; opacity: 2;}
    }

    @-webkit-keyframes fadeout {
        from {top: 100px; opacity: 2;} 
        to {top: 0; opacity: 0;}
    }

    @keyframes fadeout {
        from {top: 100px; opacity: 2;}
        to {top: 0; opacity: 0;}
    }