*{
    padding: 0;
    margin: 0%;
    box-sizing: border-box;
}

/*para este formato de color es necesario usar el siguiente link
https://cssgradient.io/     y copiar hacer manualmente no funciona*/
body{
    background: rgb(2,0,36);
    background: linear-gradient(90deg,
    rgb(255, 4, 180) 0%,
    rgb(255, 0, 0) 50%, 
    rgb(255, 125, 4) 63%,
    rgb(255, 238, 1) 100%);
/*Fin del uso de link*/

    display: flex;
    justify-content: center;
    align-items: center;
    height: 100dvh;
    width: 100%;
}
.clock-box{
    display: flex;
}
.clock{
    width: 120px;
    height: 180px;
    line-height: 180px;
    background: black;
    color: aqua;
    border-radius: 10%;
    text-align: center;
    margin: 0 5px;
    font-size: 50px;
    cursor: pointer;
    transition: all 0.4s;
}
.clock:hover{
    background: white;
    color: black;
    transform: translateY(-10px);
}