body {
  background-color: black;
  color: #aa0000;
  text-shadow: 0px 0px 25px #aa0000;
  font-family: arial;
  font-size: xx-large;
}

.label{
  top: -40px;
  left: 10px;
  position: absolute;
  color: #aa0000;
  text-shadow: 0px 0px 25px #aa0000;
  font-family: arial;
  font-size: xx-large;
}

.complete {
  width: 100%;
  height : 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.days {
  flex: 2 2 0;
  position: relative;
  display: flex;
}

.hours {
  flex: 1 1 0;
  position: relative;
  display: flex;
}

.minutes {
  flex: 1 1 0;
  position: relative;
  display: flex;
}

.seconds {
  flex: 1 1 0;
  position: relative;
  display: flex;
}

.milliseconds {
  flex: 1 1 0;
  position: relative;
  display: flex;
}

.display {
  width: 125px;
  position: relative;
}

.segment {
  transition: box-shadow 0.3s;
  height: 90px;
  width: 10px;
  border-radius: 9999px;
  background-color: #220000;
  box-shadow: 0px 0px 25px #220000;
}

.A {
  position: absolute;
  top: -41px;
  left: 60px;
  transform: rotate(90deg);
}
.B {
  position: absolute;
  top: 10px;
  left: 112px;
}
.C {
  position: absolute;
  top: 115px;
  left: 112px;
}
.D {
  position: absolute;
  top: 165px;
  left: 60px;
  transform: rotate(90deg);
}
.E {
  position: absolute;
  top: 115px;
  left: 10px;
}
.F {
  position: absolute;
  top: 10px;
  left: 10px;
}
.G {
  position: absolute;
  top: 63px;
  left: 60px;
  transform: rotate(90deg);
}

.display.zero .A,
.display.zero .B,
.display.zero .C,
.display.zero .D,
.display.zero .E,
.display.zero .F {
  background-color: #aa0000;
  box-shadow: 0px 0px 25px #aa0000;
}

.display.one .B,
.display.one .C {
  background-color: #aa0000;
  box-shadow: 0px 0px 25px #aa0000;
}

.display.two .A,
.display.two .B,
.display.two .D,
.display.two .E,
.display.two .G {
  background-color: #aa0000;
  box-shadow: 0px 0px 25px #aa0000;
}

.display.three .A,
.display.three .B,
.display.three .C,
.display.three .D,
.display.three .G {
  background-color: #aa0000;
  box-shadow: 0px 0px 25px #aa0000;
}

.display.four .B,
.display.four .C,
.display.four .F,
.display.four .G {
  background-color: #aa0000;
  box-shadow: 0px 0px 25px #aa0000;
}

.display.five .A,
.display.five .C,
.display.five .D,
.display.five .F,
.display.five .G {
  background-color: #aa0000;
  box-shadow: 0px 0px 25px #aa0000;
}

.display.six .A,
.display.six .C,
.display.six .D,
.display.six .E,
.display.six .F,
.display.six .G {
  background-color: #aa0000;
  box-shadow: 0px 0px 25px #aa0000;
}

.display.seven .A,
.display.seven .B,
.display.seven .C {
  background-color: #aa0000;
  box-shadow: 0px 0px 25px #aa0000;
}

.display.eight .A,
.display.eight .B,
.display.eight .C,
.display.eight .D,
.display.eight .E,
.display.eight .F,
.display.eight .G {
  background-color: #aa0000;
  box-shadow: 0px 0px 25px #aa0000;
}

.display.nine .A,
.display.nine .B,
.display.nine .C,
.display.nine .D,
.display.nine .F,
.display.nine .G {
  background-color: #aa0000;
  box-shadow: 0px 0px 25px #aa0000;
}