* {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}

main {
    height: 100vh;
    display: flex;
    align-items: center; /* aligns the form vertically */
    justify-content: center; /* aligns the form horizontally */
}

form {
    width: 350px;
}

fieldset {
    padding: 20px;
}

label, input { /* label and input used to make them a colum instad of inline */
    display: block;
}

.sports input, .sports label{
    display: inline;
    width: auto;
}

input {
    width: 100%;
}