body {
    
    background-color:rgb(83, 99, 222);
    height: 100vh;


}


.contenedor {
    background-color:transparent;
   width: 90%;
    display: flex;
    flex-direction: column;
align-items: center;
justify-content: center;
margin: 0;
margin: auto;
height: 80%;


}




.text {
    fill:rgb(234, 230, 15);
    font-family: "Arial", sans-serif;
    text-anchor:middle;
  

}


 




.hour_marker {
    fill: transparent ;
     stroke : #f0f0c9 ;
    stroke-width : 7;
    stroke-dasharray :0.2, 4.8;
    stroke-dashoffset: 0.1;
}
    .minute_marker {
    fill: transparent ;
    stroke : #0f0e0e ;
    stroke-width : 7;
    stroke-dasharray :0.2, 0.8;
    stroke-dashoffset : 0.1;
    }

    .hand {
        stroke: #ffffff;
        stroke-width:2;
        stroke-linecap:round;
    }

    .hand--thick {

stroke-width: 7;        
    }

    .hand--second {
        stroke: rgb(255, 17, 0);
      }

      .center {
        fill: #7b0828;
        stroke-width: 2;
        stroke: white;
      }