body {
            font-family: Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #f0f0f0;
            margin: 0;
            font-size: 2em; /* Powiększenie czcionki */
        }
        .timer-container {
            display: flex;
            flex-direction: column;
            background-color: #20232a;
            padding: 70px; /* Powiększenie paddingu */
            border-radius: 20px; /* Powiększenie border-radius */
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Powiększenie cienia */
            width: 80%;
            max-width: 1600px; /* Powiększenie max-width */
        }
        .top-row {
            display: flex;
            width: 100%;
            margin-bottom: 20px; /* Powiększenie marginesu */
        }
        .left-column {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .right-column {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
        }
        .current-time {
            font-size: 80px; /* Powiększenie czcionki */
            margin-bottom: 10px; /* Powiększenie marginesu */
            color: #61dafb;
	    font-weight: bold;
        }
        .timer {
            font-size: 300px; /* Powiększenie czcionki */
            margin-bottom: 10px; /* Powiększenie marginesu */
            color: white;
            font-weight: bold;
        }
        .progress-bar {
            width: 100%;
            background-color: #ddd;
            border-radius: 10px; /* Powiększenie border-radius */
            overflow: hidden;
        }
        .progress {
            width: 0;
            height: 60px; /* Powiększenie wysokości */
            background-color: #4caf50;
            transition: width 1s;
        }
        .light-yellow {
            background-color: #fff9c4 !important;
        }
        .dark-yellow {
            color: #fbc02d !important;
        }
        .red {
            color: red !important;
        }
        .pulse {
            animation: pulse 1s infinite;
        }
        @keyframes pulse {
            0% { opacity: 1; }
            50% { opacity: 0.5; }
            100% { opacity: 1; }
        }
        button {
            padding: 20px 40px; /* Powiększenie paddingu */
            font-size: 32px; /* Powiększenie czcionki */
            text-align: center;
            cursor: pointer;
            outline: none;
            color: #20232a;
            background-color: #04AA6D;
            border: none;
            border-radius: 15px;
            box-shadow: 0 9px #86b1df;            

            border-radius: 10px; /* Powiększenie border-radius */
            margin: 10px 0; /* Powiększenie marginesu */
            width: 100%;
            box-sizing: border-box;
            background-color: #61dafb;
        }
        button:hover {
            background-color: #21a1f1;
        }
        button:active {
              background-color: #3e8e41;
              box-shadow: 0 5px #666;
              transform: translateY(4px);
        }

        .input-group {
            display: flex;
            align-items: center;
            margin-bottom: 20px; /* Powiększenie marginesu */
            width: 100%;
        }
        .input-group input, .input-group select {
            margin-right: 20px; /* Powiększenie marginesu */
            flex: 1;
            font-size: 32px; /* Powiększenie czcionki */
            padding: 10px; /* Powiększenie paddingu */
        }
        @media (max-width: 768px) {
            .timer-container {
                width: 90%;
                padding: 40px; /* Powiększenie paddingu */
            }
            .timer {
                font-size: 96px; /* Powiększenie czcionki */
            }
            .current-time {
                font-size: 40px; /* Powiększenie czcionki */
            }
        }
