body {
        background: #e0e0e0;
        font-family: "Poppins", sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
      }

      .clock {
        background: #e0e0e0;
        padding: 40px;
        border-radius: 30px;
        box-shadow: 10px 10px 20px #bebebe, -10px -10px 20px #ffffff;
        text-align: center;
        color: #333;
        width: 280px;
      }

      .clock #time {
        padding: 10px 0;
        font-size: 2.5rem;
        font-weight: 600;
        margin-bottom: 10px;
        box-shadow: inset 5px 5px 10px #bebebe, inset -5px -5px 10px #ffffff;
        color: #5d7ee1;
        border-radius: 10px;
      }

      .clock #day {
        font-size: 1.2rem;
        margin-bottom: 5px;
      }

      .clock #date {
        font-size: 1rem;
        color: #666;
      }
      a {
        display: block;
        text-align: center;
        margin-top: 40px;
        padding: 15px 0;
        border-radius: 10px;
        box-shadow: 10px 10px 20px #bebebe, -10px -10px 20px #ffffff;
        color: #5d7ee1;
        text-decoration: none;
      }