html, body
{
   height: 100%;
}
div#space
{
   width: 1px;
   height: 50%;
   margin-bottom: -300px;
   float:left
}
div#container
{
   width: 500px;
   height: 600px;
   margin: 0 auto;
   position: relative;
   clear: left;
}
body
{
   background-color: #000000;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
    *{
        margin:0;
        padding:0;
        box-sizing:border-box;
    }

    body{
        background:transparent;
        overflow:hidden;
        font-family:Arial, Helvetica, sans-serif;
    }

    /* 500px wide x 100px tall */
    .countdown-box{
        width:500px;
        height:100px;

        background:transparent;

        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;

        text-align:center;
        overflow:hidden;
    }

    h1{
        font-size:18px;
        font-weight:700;
        margin-bottom:4px;
        line-height:1.1;

        /* Gold / Cream / White */
        background:linear-gradient(
            90deg,
            #D4AF37,
            #FFFDD0,
            #FFFFFF,
            #D4AF37
        );

        -webkit-background-clip:text;
        -webkit-text-fill-color:transparent;
    }

    #countdown{
        font-size:42px;
        font-weight:bold;
        line-height:1;

        background:linear-gradient(
            90deg,
            #D4AF37,
            #FFFDD0,
            #FFFFFF
        );

        -webkit-background-clip:text;
        -webkit-text-fill-color:transparent;
    }

    p{
        font-size:11px;
        color:#FFFDD0;
        margin-top:2px;
    }
