.contact{background-image:linear-gradient(#0001,#0000004a),url(../media/contactPageBg.26401c9hwmpmd.jpg);background-position:50%;background-size:cover;grid-template-columns:1fr 1fr;height:calc(100vh - 90px);padding:30px 60px;display:grid;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.contact .contact_form{-webkit-backdrop-filter:blur(8px);background:#0a0a0a65;border:1px solid #ffffff4d;margin-left:1.1rem;padding:50px 90px 10px;box-shadow:0 4px 30px #0000001a}.contact .contact_form h3{color:var(--color-secondary-light);font-size:1rem}.contact .contact_form .contact_form-head{flex-direction:column;gap:.1rem;margin-top:2rem;margin-bottom:2rem;display:flex}.contact .contact_form .contact_form-head h1{color:var(--color-heading);font-size:3rem;font-weight:500}.contact .contact_form .contact_form-head p{letter-spacing:1px;color:var(--color-text);font-size:.9rem;line-height:22px}.contact .contact_form .contact_form-form{flex-direction:column;display:flex}.contact .contact_form .contact_form-form .contact_form-inputs{flex-direction:column;gap:1rem;display:flex}.contact .contact_form .contact_form-form .contact_form-inputs input,textarea{all:unset;border-bottom:1px solid var(--color-text-muted);color:var(--color-text);transition:var(--transition-base);padding:10px 0}.contact .contact_form .contact_form-form .contact_form-inputs input::placeholder,textarea::placeholder{color:var(--color-text-secondary)}.contact .contact_form .contact_form-form .contact_form-inputs input:focus,textarea:focus{border-bottom:1px solid var(--color-secondary)}.contact .contact_form .contact_socailMedia{justify-content:space-around;align-items:center;margin-top:3rem;display:flex}.contact button{all:unset;background:var(--color-background-dark);width:40%;color:var(--color-text);text-align:center;cursor:pointer;box-shadow:var(--shadow-lg);transition:var(--transition-slow);margin-top:2.5rem;padding:10px 0}.contact button:hover{box-shadow:none;background:var(--color-background-warm);color:var(--color-text-inverse);transform:translateY(4px)}.contact_socailMedia{color:var(--color-text);flex-direction:column;place-self:flex-end left;gap:0;display:flex}.contact_socailMedia p{align-self:flex-start;font-size:1rem;font-weight:600}.contact_socailMedia .contact_socailMedia-links{align-items:center;gap:1.5rem;display:flex}.contact_socailMedia .contact_socailMedia-links svg{cursor:pointer;width:30px;transition:all var(--transition-fast)}.contact_socailMedia .contact_socailMedia-links svg:hover{width:35px}@media (max-width:1200px){.contact{padding:30px 50px}.contact .contact_form{margin-left:1rem;padding:50px 40px 10px}}@media (max-width:992px){.contact{grid-template-columns:1fr;gap:1rem;height:calc(100vh - 95px)}.contact .contact_form{padding:50px 90px 10px}.contact_socailMedia{justify-self:center}.contact_socailMedia p{color:var(--color-text-inverse);opacity:.7;align-self:center}}@media (max-width:768px){.contact{padding:10px;top:53%}.contact .contact_form{margin-left:0;padding:35px 40px 20px}}@media (max-width:520px){.contact .contact_form{padding:45px 25px 30px}}@media (max-width:480px){.contact{min-height:calc(100vh - 70px);padding:20px 15px}.contact .contact_form{padding:20px 18px}.contact .contact_form h3{font-size:.8rem}.contact .contact_form .contact_form-head h1{font-size:1.5rem}.contact .contact_form .contact_form-head p{font-size:.75rem;line-height:18px}.contact .contact_form .contact_form-form .contact_form-inputs{gap:.6rem}.contact .contact_form .contact_form-form .contact_form-inputs input,textarea{padding:6px 0;font-size:.8rem}.contact button{width:100%;margin-top:1.5rem;padding:8px 0;font-size:.85rem}.contact .contact_form .contact_socailMedia{flex-direction:column;gap:.8rem;margin-top:1.5rem}.contact_socailMedia p{font-size:.85rem}.contact_socailMedia .contact_socailMedia-links{gap:.8rem}.contact_socailMedia .contact_socailMedia-links svg{width:22px}.contact_socailMedia .contact_socailMedia-links svg:hover{width:24px}}@media (max-width:360px){.contact{min-height:calc(100vh - 60px);padding:15px 10px}.contact .contact_form{padding:15px 12px}.contact .contact_form .contact_form-head h1{font-size:1.3rem}.contact .contact_form .contact_form-head p{font-size:.7rem;line-height:16px}.contact .contact_form .contact_form-form .contact_form-inputs input,textarea{padding:5px 0;font-size:.75rem}.contact button{padding:6px 0;font-size:.8rem}}