@charset "UTF-8";
body {
   font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
   margin: 0;
   padding: 0;
   height: 100vh;
}

.clock {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   background-color: #0077ff;
}

.time {
   font-size: 18vw;
   font-weight: bold;
   color: #fff;
}

.date-time {
   font-size: 5vw;
   color: #fff;
}

.sta {
   font-size: 4vw;
   color: rgb(217, 255, 0);
}

.jos {
   font-size: 4vw;
   color: rgb(217, 255, 0);
}