body {
				width: 99%;
				max-width: 500px;
				font-family: 'Times New Roman', Times, serif;
				font-size: 1em;
				font-weight: bold;
				margin: 0 auto;
				padding: 0;
				background-color: #f0f0f0;
				border: 2px solid black;
				
			}
			label{
				color: black;
				font-size: 20px;
			}
			header, footer {
				padding: 1px;
				color: white;
				background-color: #333;
				text-align: center;
			}
			
			.section-logo {
				display: flex;
				align-items: center;
				justify-content: space-between;
			}
			section {
				margin: 15px;
				padding: 20px;
				background-color: #4CAF50;
				color: white;
				border-radius: 8px;
			}
			article {
				margin: 10px 0;
				padding: 20px;
				background-color: white;
				border-radius: 8px;
				box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
			}
			button {
				background-color: #008CBA;
				border: none;
				color: white;
				padding: 12px 28px;
				font-size: 18px;
				margin: 4px 2px;
				cursor: pointer;
				border-radius: 8px;
				transition: background-color 0.7s ease;
				outline: none;
			}
			button:hover {
				background-color: #005f6b;
			}
			input{
				padding: 0 10px;
				border: 1px solid #ccc;
				border-radius: 5px;
				width: 100%;
				height: 35px;
				box-sizing: border-box;
				font-size: 24px;
				font-family: 'Times New Roman', Times, serif;
				font-weight: bold;
			}
			/* Adjust logo sizes */
			img.logo {
				width: 75px;
				height: 75px;
			}