body {
  font-family: sans-serif;
  background: #fdf6e3;
  color: #657b83;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: clamp(1.2em, 2.5vw, 1.8em); /* responsive font size */
  margin: 0;
  padding: 0 1rem; /* optional, prevents overflow on very small screens */
  width: 90%; /* optional, helps with responsive layout */
  max-width: 800px; /* optional, prevents text from stretching too wide */
}

a {
	color: #2aa198;
	text-decoration: none;
}

a:hover {
	color: #dc322f;
}

nav {
	text-align: center;
}

nav a {
	background-color: #002b36;
	padding: 4px;
	border: 1px solid #dc322f;
}

h1,h2,h3,h4,h5,h6 {
	text-align:  center;
}

h1 {
	color: #cb4b16;
}

h2 {
	color: teal;
}

footer {
	margin: 5rem auto;
	text-align:  center;
}