body{font-family:Arial, sans-serif;
background-color:#f8f8f8;
margin:0;
padding:0;}
.container{max-width:600px;
margin:20px auto;
padding:20px;
background-color:#ffffff;
box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
border-radius:8px;}
h1{color:#456789;
text-align:center;}
form dl{margin:0;
padding:0;}
form dt{font-weight:bold;
color:#123456;
margin-bottom:5px;}
form dd{margin:0 0 20px 0;}
input[type="text"],
input[type="email"],
textarea {
width:calc(100% - 20px);
padding:10px;
border:1px solid #007acc;
border-radius:4px;
font-size:16px;
box-sizing:border-box;}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
border-color:#007f6f;
outline:none;}
textarea{resize:vertical;}
input[type="submit"]{display:block;
width:100%;
padding:10px;
background-color:#004400;
color:#ffffff;
border:none;
border-radius:4px;
font-size:16px;
cursor:pointer;
transition:background-color 0.3s ease;}
input[type="submit"]:hover{background-color:#005b99;}
button[type="button"]{display:block;
width:100%;
padding:10px;
background-color:#cccccc;
color:#ffffff;
border:none;
border-radius:4px;
font-size:16px;
cursor:pointer;
transition:background-color 0.3s ease;}
button[type="button"]:hover{background-color:#999999;}
@media (max-width:600px)
{.container
{margin:10px;
padding:10px;}
input[type="text"],
input[type="email"],
textarea {
width:calc(100% - 20px);
font-size:14px;}
input[type="submit"],
button[type="button"]
{font-size:14px;}}