/*basic styles for black background and crosshair cursor*/

body{



  margin: 0;

  font-size: 16px;

  font-family: Verdana;

}

h1{

  pointer-events: none;

 font-size: 72px;

  background: -webkit-linear-gradient(gold, #333);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

#message{

width: 100%;

font-size: 2em;

color: white;

text-align: center;

position: absolute;

top:20px;

left: 0;

}

canvas{

  cursor: crosshair;

  display: block;

}

#canvas{

  font-size: 72px;

  background: -webkit-linear-gradient(blue,yellow);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;



   position: absolute;

  z-index: 2;



}
.wather_c
{
    border-collapse:collapse;
   /* width:50%;
    margin:0 auto;
    display: block;*/
}

.tr_da:not(:last-of-type) {
    border-bottom: 1px dashed #ccc;
  }
.sig{ margin-top:510px !important; }

  @media only screen and (max-width: 600px) 
  {
    .sig{ margin-top:0px !important; }
    .clock {
    height: 15vw !important;
    width: 15vw !important;
    }

    .wather_c
    {
        border-collapse:collapse;
        /*width:100%;
        margin:0 auto;
        display: block;*/
    }

  }