.contact{.contact-hero{width:100%;.container{height:400px;background-image:url(/_next/static/media/contact.b2fa1575.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;position:relative;flex-direction:column;&:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:#0a050f;opacity:.5;z-index:10}h2,p{color:var(--iron);z-index:20;text-align:center}}}.contact-form{background-color:#fff;.container{display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column;max-width:700px;padding:40px 10px;margin:auto;h3{color:var(--oracle);font-weight:700}.form{display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column;gap:20px;width:100%;& :where(.email,.subject,.message,.name,.phoneNumber){display:flex;align-items:stretch;justify-content:stretch;flex-direction:column;gap:5px;label{color:var(--oracle);font-size:16px;font-weight:700}.error{font-size:12px;color:red;text-transform:lowercase}}& :where(.email,.subject,.name,.phoneNumber){input{height:30px;border:3px solid var(--oracle);border-radius:3px;padding-inline:5px}}.message{textarea{border:3px solid var(--oracle);border-radius:3px;padding-inline:5px;height:100px}}.send-message{all:unset;align-self:center;justify-self:center;background-color:var(--oracle);border:3px solid var(--oracle);padding:10px 20px;font-size:16px;font-weight:700;border-radius:3px;color:#fff;cursor:pointer;display:inline-block;&:hover{background-color:#fff;color:var(--oracle)}}}}}}