body {
            background-color: #800080; /* Purple */
            color: white;
            font-family: sans-serif;
        }
        .timer-container {
            background: rgba(0, 0, 0, 0.2);
            padding: 20px;
            border-radius: 15px;
            margin-top: 30px;
        }
        /* Custom styles for the countdown boxes */
        .countup .timeel {
            display: inline-block;
            padding: 10px;
            background: #151515;
            margin: 0;
            color: white;
            min-width: 3rem;
            border-radius: 10px 0 0 10px;
        }
        .countup span[class*="timeRef"] {
            border-radius: 0 10px 10px 0;
            margin-left: -4px; /* Removes gap */
            background: #e8c152;
            color: black;
            margin-right: 10px;
        }

       .container {
  display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center;     /* Centers vertically */
  height: 100vh;           /* Full viewport height */
  width: 100vw;            /* Full viewport width */
}

.container img {
  max-width: 100%;
  height: auto;
}

img {
  padding: inherit;
  margin:auto;
  width: auto;
  display: block;
}

txt {
  height: 100px;
  line-height: 100px;
  text-align: center;
  border: 2px dashed #f69c55;
}