main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

main > .exam-info {
    width: 25rem;
    margin: 1rem 0;
    text-align: center;
}

main > .exam-info > * {
    padding: 0.2rem 0;
}


main > form {
    background-color: var(--pure-white);
    border: var(--border);
    width: 25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

main > form > .text-condensed {
    margin: 3rem 0 1.5rem;
}

main > form > .input-group {
    margin: auto 0 1rem;
    padding: 0 .5rem;
    width: 100%;
}

main > form > .input-group > input[type="text"],
main > form > .input-group > input[type="password"],
main > form > .input-group > input[type="email"] {
    background-color: var(--white);
}

main > form > .submit {
    margin-top: auto;
    width: 100%;
}

@media all and (max-width:412px) {
    main > .exam-info,
    main > form {
        width: 20rem;
    }
    
}