style.css

body {
  margin: 0;
  padding: 0;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(135deg, #282c34, #3a3f47);
  background-image: url(./DALL·E\ 2024-11-05\ 23.03.57\ -\ A\ sleek\,\ futuristic\ website\ background\ image\ for\ a\ digital\ clock\ display\ without\ any\ analog\ clock\ elements.\ The\ design\ features\ a\ gradient\ of\ deep\ blu.webp);
  background-repeat: no-repeat;
  background-size: cover;
overflow:hidden;
overflow-y: hidden;
overflow-x: hidden;
}

.container-fluid {
  display: flex;
  justify-content: center;
  align-items: center;
}

@import url('https://fonts.cdnfonts.com/css/ds-digital');


#clock {
  background-color: rgba(0, 0, 0, 0.8);
  height: 200px;
  color: rgb(255, 0, 0);
  display: flex;
  justify-content: center;
  align-items: center;
width: 400px ;
  font-size: 104px;
  font-family: 'DS-Digital', sans-serif;sans-serif;
  border: 5px solid rgb(255, 255, 255);
  border-radius: 50px; /* Rounded corners */
  box-shadow: 5px  8px 5px rgba(255, 255, 255, 0.5); /* Subtle shadow */
  transition: transform 0.2s; /* Animation on 
  pohover */
  

}
#time{
  color:red;
  position: relative;
  bottom: 185px;
   left: 340px;
  font-size: 25px;
}
#date{
  color: rgb(0, 255, 0);
  position: relative;
  bottom: 100px;
  font-size: 40px;
  font-family: 'DS-Digital';
  left: 50px;
}
html{
overflow: hidden;
}