#clock {
	    text-align: center;
	    
	}
	#date {
		font-weight: bold;
		font-size: 1.5em; 
	}
	
	#time {
		font-size: 2.5em; 
		font-family: Consolas,'Courier New', Courier, monospace;
	}
	
	@media (min-width: 500px) {
    	#date {
    		font-weight: bold;
    		font-size: 2.1em; 
    	}
    	#time {
    		font-size: 3.6em; 
    		font-family: Consolas,'Courier New', Courier, monospace;
    	}
	}
	table {
		text-align: left;
		width: 100%;
		border-collapse: collapse;
	}
	
	td, th {
	  padding: 8px;
	  text-align: left;
	}

	th {
	  background-color: #a6a6a6;
	}
	
	/* Light grey background for even rows */
	tr:nth-child(even) {
	  background-color: #f2f2f2;
	}

	/* Dark grey background for odd rows */
	tr:nth-child(odd) {
	  background-color: #fefefe;
	}

	/* Green background for completed rows */
    .completed {
      background-color: #c8e6c9 !important;
    }
	
	.time-up {
	  background-color: #e6c8c9 !important;
	  color: #660000 !important;
	}
	
	/* Button style */
    .btn {
		border: none;
      border-radius: 5px;
      padding: 5px 10px;
      cursor: pointer;
	  color: white;
	}
	
	.complete-button {
      background-color: #006400;      
      
    }
	
	.undo-button {
      background-color: #640000;      
    }

    /* Button hover effect */
    .complete-button:hover {
      background-color: #004d00;
    }