body {
    font-family: 'liquid_crystalregular', sans-serif;
    user-select: none;
    user-drag: none;
}

.clock {
    width: 70%;
    /*line-height: 12vh;*/
    margin: 0 auto;
    padding: 0 50px; 
    background: #222;
    color: #eee;
    text-align: center;
    font-size: 2em;
    /*  font-size: 5.5vw;*/
    border-radius: 15px;
    box-shadow: 0 0 7px #222;
    text-shadow: 0 0 3px #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.clock p{
    /*text-transform: uppercase;  THIS maybe? */
    text-transform: capitalize;   
}

.clock p:first-child{
    font-size: 20vw;  
    margin:1vh;
}

.clock p:last-child{
    font-size: 7.5vw;
    margin:1vh;
}

body {
    /*background-image: url(https://images.unsplash.com/photo-1482140805209-c25926adecfd?dpr=1.100000023841858&auto=format&fit=crop&w=1500&h=1004&q=80&cs=tinysrgb&crop=);*/
    background-image: url(../img/background_ceas.jpg);
    background-attachment: fixed !important;
    /* background-position: center top !important; */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover!important;
    background-color: black;
}