form {
    /* Apenas para centralizar o form na p�gina */
    margin: 0 auto;
    width: 400px;
    /* Para ver as bordas do formul�rio */
    padding: 1em;
    border: 1px solid #CCC;
    border-radius: 1em;
}
form div + div {
    margin-top: 1em;
}
label {
    /*Para ter certeza que todas as labels tem o mesmo tamanho e est�o propriamente alinhadas */
    display: inline-block;
    width: 90px;
    text-align: right;
}
input, textarea {
    /* Para certificar-se que todos os campos de texto t�m as mesmas configura��es de fonte. Por padr�o, textareas ter uma fonte monospace*/
    font: 1em sans-serif;

    /* Para dar o mesmo tamanho a todos os campo de texto */
    width: 300px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /* Para harmonizar o look & feel das bordas nos campos de texto*/
    border: 1px solid #999;
}
input:focus, textarea:focus {
    /* Dar um pouco de destaque nos elementos ativos */
    border-color: #000;
}
textarea {
    /* Para alinhar corretamente os campos de texto de v�rias linhas com sua label*/
    vertical-align: top;

    /* Para dar espa�o suficiente para digitar algum texto */
    height: 5em;

    /* Para permitir aos usu�rios redimensionarem qualquer textarea verticalmente. Ele n�o funciona em todos os browsers */
    resize: vertical;
}
.button {
    /* Para posicionar os bot�es para a mesma posi��o dos campos de texto */
    padding-left: 90px; /* mesmo tamanho que os elementos do tipo label */
}
button {
    /* Esta margem extra representa aproximadamente o mesmo espa�o que o espa�o entre as labels e os seus campos de texto*/
    margin-left: .5em;
}
