main .contact {
    background: var(--color-dark);
    color: var(--color-font-light);
}
main .contact .frame_content {
    max-width: calc(1400px - 340px);
    padding-left: 360px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

main .contact .frame_content form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 460px;
}

main .contact .frame_content form > :not(div) {
    padding: 10px;
    border: 1px solid var(--color-border-input);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
    color-scheme: dark;
}

/* autofill highlight disabling hack ^_^ */
/* input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 0s 600000s, color 0s 600000s !important;
} */

main .contact .frame_content form > textarea {
    height: 100px;
}

main .contact .frame_content form > *::placeholder {
    opacity: 0.7;
    color: var(--color-font-light);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
}

main .contact .frame_content form > #submit {
    display: flex;
    gap: 5px;
    width: 440px;
    margin-top: 10px;
    padding: 10px;
    border-radius: 30px;
    background: var(--color-light);
    justify-content: center;
    align-items: center;
    cursor: pointer;

    color: var(--color-font-dark);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
    text-transform: uppercase;
}

main .contact .frame_content form > #submit > img {
    width: 11px;
    height: 10px;
    flex-shrink: 0;
}