html {
  background: black;
  text-align: center;
  align-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
body{
  background-color: Black;
  color: yellow;
}
#dateAndTime{
   border-radius: 65px 65px 65px 65px;
border-image-slice:
42 42 42 42;
border-image-width:
42px 42px 42px 42px;
border-image-outset:
0px 0px 0px 0px;
border-image-repeat:
round round;
border-image-source:
url("https://mdn.github.io/css-examples/tools/border-image-generator/border-image-6.svg");
border-style:
solid;
   outline: purple;
   background-color: black;
    color: yellow;
  
}




#clock, #date {
 
  font-size: 75px;
   font-family: "Metamorphous", serif;
  font-weight: 900;
  font-style: normal;
  text-align: center;
  text-shadow: , 2 2 2 red;
  color: yellow;
  padding:50px;
  text-rendering:alias;
  text-shadow: 1px 1px , 0 0 , 0 0 
red,  0 0 10px red,0 0 50px
red,  0 0 10px red; 
  }
}