body, html {
margin: 0;
padding:0;
box-sizing: border-box;
}


.box {
width: 600px;
padding: 40px;
top: 50%;
left: 50%;
background: white;
text-align: center;
}

.box h1 {
color: #994d00;
text-transform: uppercase;
font-weight: 500;
}

.box input[type="text"], .box input[type="email"], textarea {
background: none;
display: block;
margin: 5px auto;
text-align: center;
border: 2px solid #994d00;
padding: 5px 5px;
width: 200px;
color: #000000;
border-radius: 24px;
outline: none;
border-color: #994d00;
}

.box input[type="text"]:focus, .box input[type="email"]:focus, textarea:focus {
transition: 0.25s;
width: 280px;
border-color: #000000;
}

.box input[type="submit"]{
background: none;
display: block;
margin: 0px auto;
text-align: center;
border: 2px solid #000000;
padding: 14px 40px;
width: 200px;
outline: none;
color: #000000;
border-radius: 24px;
cursor: pointer;
}

.box input[type="submit"]:hover {
background: #994d00;
}