body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #f0f0f0;
}

.clock-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 400px;
}



@font-face {
  font-family: 'Digital7';
  src: url('digital-7.ttf') format('truetype');
}

#digital-clock {
  font-family: 'Digital7', monospace;
  font-size: 72px;
  margin-bottom: 20px;
}



#analog-clock {
  width: 400px;
  height: 400px;
  border: 10px solid #000;
  border-radius: 50%;
  background: url('clock-face.jpg') no-repeat center center;
  background-size: contain;
}