/* font-family: 'Lato', sans-serif; */
/* background: linear-gradient(135deg, #14ffe9,#ffeb3B, #ff00e0); */
  
*{
    margin: 0%;
    padding: 0%;
}
html, body{
    display: grid;
    place-items: center;
   
    background: rgb(1, 43, 57);
font-family: 'Lato', sans-serif;

}
.wrapper{
    width: 420px;
    height: 110px;
    /* background: red; */
     background: linear-gradient(135deg, #14ffe9,#ffeb3B, #ff00e0);

    margin-top: 33%;
    border-radius: 4px;
}
.wrapper:hover{
    background: linear-gradient(135deg, #0650f1,#0be916, #e2f109);
    transition: 0.15s;
}
.wrapper .clock{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 405px;
    height: 95px;
    background: rgb(1, 43, 57);

}
.clock #time{
    font-size: 65px;
    color: white;
    padding: 12px;
    cursor: pointer;
    
}