#name-and-email {
    display: flex;
    justify-content: space-between;
    width: 100%;
}


#contact {
    display: flex;
    align-items: center;
    flex-direction: column;

    padding: 20px;
    width: fit-content;

    height: 500px;
    width: 400px;
    margin: auto;
}

#contact input {
    max-width: 45%;
}

@media only screen and (max-width: 1100px) {
    #contact {
        width: 90% !important;
        height: 60vh !important;
    }

    #name-and-email {
        justify-content: space-around !important;
    }
}