body{
  margin:0;
  height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  background:black;
  font-family: 'Orbitron', sans-serif;
}

.clock-box{
  width:520px;
  height:220px;
  border-radius:40px;
  padding:20px;
  background:black;
  border:3px solid;
  border-image: linear-gradient(90deg,pink,orange) 1;
  box-shadow:0 0 30px pink;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

.time{
  color:#ffb6c1;
  font-size:90px;
  letter-spacing:6px;
  text-shadow:0 0 20px pink;
}

.colon{
  animation:blink 1s infinite;
}

@keyframes blink{
  50%{opacity:0;}
}

.ampm{
  font-size:28px;
  margin-left:10px;
}

.brand{
  margin-top:10px;
  color:white;
  letter-spacing:3px;
  font-size:14px;
}