html{
    width: 1000px;
    background-color: blue;
}
body{
    width: 90%;/* 900px de 1000px(html) */
    margin: 0 auto;
    background-color: rgb(255, 250, 243);
}
h1{
    margin: 20px 0 0 27.7777777778%;/* 250px(izquierda) de 900px(body) */
}
form{
    width: 44.44444444444444%;/* 400px de 900px(body) */
    border: 4px solid rgb(220, 198, 169);
    border-radius: 15px;
    background-color: antiquewhite;
    margin: 50px 0 0 22.22222222222222%;/* 200px(izquierda) sobre body(900px) */
    padding: 2.22222222222%;/* 20px sobre 900px(body) */
    font-family: Arial, Helvetica, sans-serif;
}
div{/* Ancho: 295px (400form -20margin -50padding -15margin -20margin) */
    border-radius: 10px;
    background-color: rgb(255, 250, 244);
    padding: 1em 3.75% 1em 12.5%;/* 15px y 50px de 400px(form) */
    margin: 30px 5% 20px 5%;/* 20px y 20px de 400px(form) */
}
label{
    display: inline-block;
}
textarea, input[type="text"]{
    border-radius: 10px;
    border-color: rgb(220, 198, 169);
    padding: 2.37288135593220%;/* 7px de 295px(div) */
    width: 57.6271186440678%;/* 170px de 295px(div)*/
}

input[type="submit"]{
    margin: 30px 0 20px 62.5%;/* 250px(izquierda) de 400px(form) */
    padding: 2.5%;/* 10px de 400px(form) */
    font-weight: bolder;
    font-style: italic;
    font-size: large;
    box-shadow: rgb(149, 131, 108) -3px 3px 5px;
}
input[type="submit"]:hover{
    cursor: grab;
    transition: 0.5s;
    padding: 3%;/* 12px de 400px(form) */
}


form div:nth-of-type(1) label{
    width: 27.1186440678%;/* 80px de 295px(div)*/
}
form div:nth-of-type(3) label{
    width: 67.7966101695%;/* 200px de 295px(div)*/
}
form div:nth-of-type(2) label, form div:nth-of-type(4) label{
    width: 33.8983050848%;/* 100px de 295px(div)*/
}