body {
    margin: 0;
	font-family: sans-serif;
	font-size: 1em;
	color: #333333;

    justify-content: center;
    align-items: center;
    min-height: 100vh; /* Full viewport height */
    background: #cccccc; /* Simple background color */
}

p {
	padding: 15px 60px;
}

.splash {
    text-align: center;
    padding: 0;
	position: fixed;
	top: 20%;
	left: 50%;
	margin-left: -40%;
	width: 80%;
	background: #f0f0f0;
	border-radius: 30px;
}

.header {
    margin-top: 45px;
	max-width: 640px;
}

h1 {
    font-size: 2em;
    margin-bottom: 20px;
}

/* Media Queries for Responsiveness */
@media (max-width: 796px) {
    .header {
        max-width: 360px;
    }
    h1 {
        font-size: 1.5em;
    }
    p {
        font-size: 1em;
    }
}

@media (max-width: 480px) {
    .header {
        max-width: 240px;
    }
    h1 {
        font-size: 1.2em;
    }
}