.contactPage{background-color:var(--color-white);color:var(--color-dark)}.contactPage__wrapper-form_container{width:100%}.contactPage__wrapper{display:flex;flex-direction:column;gap:4rem;padding-block:6rem 2rem;min-height:100dvh}.contactPage__title h1{max-width:12ch}.contactPage__wrapper-form_container{display:flex;flex-direction:column;gap:.75rem}.contactPage__wrapper-form{flex:2 1;display:flex;flex-direction:column;gap:.625rem}.contactPage__email{flex:1 1}.contactPage__wrapper-form input{padding:1.5rem .5rem;outline:none;border:none;background-color:var(--color-gray-light);color:var(--color-dark)}.contactPage__wrapper-form input:focus,.contactPage__wrapper-form textarea:focus{box-shadow:2px 2px 1px var(--color-dark)}.contactPage__wrapper-form textarea{font-family:inherit;width:100%;height:20vh;padding:1.5rem .5rem;background-color:var(--color-gray-light);color:var(--color-dark);outline:none;border:none}.contactPage__wrapper-form button{width:100%;padding:1.5rem .5rem;background-color:#4c4c4c;color:#fff}@media screen and (min-width:810px) and (max-width:1200px){.contactPage__wrapper{padding-block:6rem 2rem}.contactPage__wrapper-form_container{flex-direction:row;gap:1.125rem}.contactPage__wrapper-form{gap:1.125rem}}@media screen and (min-width:1200px){.contactPage__wrapper{padding-block:2rem 2rem}.contactPage__wrapper-form_container{flex-direction:row}.contactPage__wrapper-form{gap:1.125rem}}