/* styles.css */

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    align-items: center;
   /* padding: 20px 50px;  Margen superior e inferior de 20px, márgenes laterales de 50px */
    font-family: "Helvetica", sans-serif;

}

.flex-container {
  display: flex;
  background-color: lightgray;
}

.flex-container > div {
  background-color: #ffffff;
  margin: 50px;
  padding: 30px;
}

form {
    text-align: left;
    margin: 0 auto;
    max-width: 400px;
}