startingjs.css

@font-face {
    font-family:DS-Digital;
    src: url(DS-DIGI.TTF);
}

#subclockplaceholder{
    display: flex;
    flex-direction: column;
    height: 30vh;
    width: 50vw;
    background-color: rgb(1, 6, 39);
    border-radius: 40px ;
    border: solid 2vw rgb(2, 38, 75);
    align-items: center;
    justify-content: center;
}
#clockplaceholder{
    display: flex;
    flex-direction: row;
    margin-top: 30vh;
    align-items: center;
    justify-content: center;
    height: 40vh;
    width: 100vw;
}
button{
    height:8vh;
    width:16vw;
    margin: 2px;
    font-size: 2vw;
    border-radius: 10px ;
    color:rgb(19, 0, 0);
    font-family:DS-Digital; 
    
}

#daybtn{
    color: black;
    background-color:rgb(255, 230, 4) ;
    border: solid 0.25vw rgb(253, 88, 0);
}

#nightbtn{
    color: rgb(255, 255, 255);
    background-color:rgb(10, 0, 82) ;
    border: solid 0.25vw rgb(9, 7, 38);
    text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px rgb(6, 88, 165),
      0 0 82px rgb(6, 88, 165),
      0 0 92px rgb(6, 88, 165),
      0 0 102px rgb(6, 88, 165),
      0 0 151px rgb(6, 88, 165);
}

#ClockMainScript{
    color: aliceblue;
    margin: 0;
    text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px rgb(6, 88, 165),
      0 0 82px rgb(6, 88, 165),
      0 0 92px rgb(6, 88, 165),
      0 0 102px rgb(6, 88, 165),
      0 0 151px rgb(6, 88, 165);
    font-family:DS-Digital;
font-size: 10vw;
height: auto;}

#DateMainScript{
    font-family: DS-Digital;
    margin: 0;
    color: aliceblue;
    text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px rgb(0, 215, 25),
      0 0 82px rgb(0, 215, 25),
      0 0 92px rgb(0, 215, 25),
      0 0 102px rgb(0, 215, 25),
      0 0 151px rgb(0, 215, 25);
      font-size: 3vw;
}