/* ------- DATE TIME CLOCK ------- */

 #digital-clock{
  width:300px;
  text-align:left;
  padding:5px;
  --padding-left:5px;
  border-radius:4px;
  background: transparent; 	/* #fceefc */
  color:white;
}
#time-js{
  display:inline-block;
  color:#9a009c;
}
#today-js{
  color:#9a009c;
  opacity:0.8;
  display:inline-block;
}
#date-js{
  opacity:0.8;
  color:#e700ea; 
  display:inline-block;
}
#month-js{
  opacity:0.8;
  color:#e700ea;
  display:inline-block;
  --margin:0 -3px;
}
#year-js{
  opacity:0.8;
  color:#e700ea;
  display:inline-block;
}
.display-time {
  display: inline-block;
  border: 1px solid #ffd868;
  padding: 0px 4px;
  border-radius: 5px;
  transition: ease-in-out 0.2s;
  transition-property: background, box-shadow, color;
  -webkit-box-reflect: below 2px
  linear-gradient(transparent, rgba(255, 255, 255, 0.05));
  }
.display-time:hover {
  box-shadow: 0 0 30px #ffd868;
  color: white; /* #272727 */
  background-color: #b86538;
  cursor: pointer;
  }
.color {color:white;}