.contact-form{--form-text-color:#434648;--form-field-bg:#ececec;--form-field-border:#c4c8cc;--form-field-focus:#003fff;--form-placeholder:#6b7886}.contact-form label{display:block;margin-bottom:10px;color:var(--form-text-color)}.contact-form input[type=text],.contact-form input[type=email],.contact-form textarea{width:100%;padding:10px;margin-bottom:15px;color:var(--form-text-color);background-color:var(--form-field-bg);border:1px solid var(--form-field-border);border-radius:3px;box-sizing:border-box}.contact-form input[type=text]:focus,.contact-form input[type=email]:focus,.contact-form textarea:focus{outline:none;border-color:var(--form-field-focus)}.contact-form textarea{height:100px}.contact-form ::placeholder{color:var(--form-placeholder);opacity:1}.contact-form button{background-color:gray;color:#fff;padding:10px 20px;border:none;border-radius:3px;cursor:pointer}.contact-form button:hover{background-color:#a9a9a9}html.dark .contact-form{--form-text-color:#babdc4;--form-field-bg:#1b1d25;--form-field-border:#4a4d56;--form-field-focus:#77a8fd;--form-placeholder:#767f87}@media(prefers-color-scheme:dark){html:not(.light) .contact-form{--form-text-color:#babdc4;--form-field-bg:#1b1d25;--form-field-border:#4a4d56;--form-field-focus:#77a8fd;--form-placeholder:#767f87}}