#time {display:flex;gap:5px;}
#time .circle {  position: relative;  display: flex;  justify-content: center;  align-items: center;}
#time .circle svg {  position: relative;  justify-content: center;  align-items: center;  transform: rotate(270deg);}
#time .circle svg circle {  fill: transparent;  stroke: #191919;}
#time .circle svg circle:nth-child(2) {  stroke: var(--color);}
#time div {  position: absolute;  text-align: center;  font-weight: 500;}
#time div span {  position: absolute;}
.dots {width: 0%;height: 83%;}
.dots {  position: absolute;  display: flex;  justify-content: center;}
.dots::before {  content: '';  position: absolute;  background: var(--color);  border-radius: 50%;  box-shadow: 0 0 20px var(--color), 0 0 60px var(--color  );}
.date {width: 100%;min-height: 10vh;justify-content: center; align-items: center;text-align: center;}
.container {width: 100%;min-height: 20vh;display: flex;justify-content: center;align-items: center;text-align: center;   }