body {font-family: Arial, sans-serif; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center;
min-height: 100vh; background-color: #f0f0f0;}
header {font-weight: bold; font-family: Georgia; margin: 0; padding: 0px 20px 80px 20px; text-align: center;}
.container {width: 90%; max-width: 400px; background-color: white; padding: 20px; border-radius: 10px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); text-align: center;}
h1 {font-size: 400%; margin-top: 0; font-weight: bold; font-family: Georgia;  margin-bottom: 20px;}
form {display: flex; flex-direction: column; align-items: center;}
label {margin-top: 10px;}
input, textarea, button {width: 50%; margin-top: 5px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; }
button {background-color: rgb(0, 0, 0);  color: rgb(255, 255, 255); padding: 10px; border: none; font-size: 14px; cursor: pointer;}
button:hover {background-color: rgb(255, 213, 0);color: rgb(0, 0, 0); font-weight: bold;}
footer {position: fixed; left: 0; bottom: 0; width: 100%; background-color: rgb(0, 0, 0); text-align: center;
color: rgb(255,255,255); font-weight: bold; padding: .5rem;}
@media (max-width: 600px) {.container {width: 55%; height: 45%; font-size: 85%;}
nav a {display: block; margin: 5px 0;} h1 {font-size: 300%; padding: 0px 10px 40px 10px;}}