.contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 8rem;

    .title {
        font-size: 2rem;
        text-align: center;
    }

    .form {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        width: 100%;
        max-width: 600px;

        & input, & textarea {
            width: 100%;
            min-height: 2rem;
        }

        & textarea {
            resize: none;
            height: 10rem;
        }

        .submit_button {
            display: flex;
            justify-content: center;

            & button {
                border: none;
                background-color: #1976D2;
                color: white;
                border-radius: 10px;
                width: 80%;
                height: 2.5rem;

                text-transform: uppercase;
                cursor: pointer;

                transition: scale .3s ease-in-out;

                &:hover {
                    scale: 1.05;
                }
            }

        }
    }
}