body {
					font-family: 'Arial', sans-serif;
					margin: 0;
					padding: 0;
					background-color: #f4f4f4;
					color: #333;
				}

				.container {
					width: 85%;
					max-width: 1200px;
					margin: 0 auto;
				}

				header {
					background-color: #444;
					color: white;
					padding: 20px 0;
					text-align: center;
					box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
				}

				header h1 {
					margin: 0;
					font-size: 2.5em;
					letter-spacing: 1px;
				}

				nav ul {
					list-style: none;
					padding: 0;
					margin: 20px 0 0;
					display: flex;
					justify-content: center;
				}

				nav ul li {
					margin: 0 20px;
				}

				nav ul li a {
					color: #61dafb;
					text-decoration: none;
					font-size: 1.2em;
					transition: color 0.3s;
				}

				nav ul li a:hover {
					color: #21a1f1;
				}

				main {
					padding: 40px 0;
					text-align: center;
					background-color: #ffffff;
					border-top: 4px solid #444;
				}

				.content-area {
					display: grid;
					grid-template-columns: 1fr 1fr;
					gap: 40px;
					margin-top: 40px;
				}

				.content-placeholder {
					background-color: #e9ecef;
					padding: 50px;
					border: 2px dashed #adb5bd;
					font-size: 1.2em;
					color: #495057;
					border-radius: 8px;
					box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
				}

				.content-placeholder h2 {
					margin-top: 0;
					font-size: 1.5em;
					color: #333;
				}

				footer {
					background-color: #444;
					color: white;
					text-align: center;
					padding: 20px 0;
					margin-top: 40px;
					border-top: 4px solid #333;
				}

				footer p {
					margin: 0;
					font-size: 1em;
				}