.contact{flex-direction:column;justify-content:flex-start;justify-self:center;align-items:center;gap:25px;width:100%;max-width:700px;height:100%;margin-top:85px;padding:0 1rem 200px;display:flex;position:relative}@media screen and (max-width:650px){.contact{margin-top:70px;padding-bottom:100px}}
.form-container{border:1px solid var(--border);border-radius:var(--border-radius);background:var(--foreground);box-shadow:var(--box-shadow);width:100%;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);flex-direction:column;justify-content:center;align-items:center;margin-top:15px;padding:1.25rem;display:flex}.form-container form{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:100%;display:flex}.form-container form input:not([type=submit]),.form-container form textarea{border:1px solid var(--border);border-radius:var(--border-radius);width:100%;box-shadow:var(--box-shadow);background:var(--foreground);color:var(--copy);margin:.5rem 0;padding:.65rem .75rem;transition:border-color .25s,box-shadow .25s}.form-container form input::placeholder,.form-container form textarea::placeholder{color:var(--copy-lighter)}.form-container form textarea{resize:none;height:150px}.form-container form .submit-button{cursor:pointer;border-radius:var(--border-radius);background:var(--primary);width:100%;color:var(--primary-content);height:50px;box-shadow:var(--box-shadow);border:none;margin-top:.5rem;font-size:1.15rem;font-weight:700;transition:filter .25s,box-shadow .25s}.submit-button:hover{filter:brightness(1.1);box-shadow:0 0 18px var(--glow-faint), var(--box-shadow)}.submit-button:disabled{cursor:default;filter:saturate(.6)brightness(.9)}@media screen and (max-width:650px){.form-container{padding:1rem}.form-container form input:not([type=submit]){height:50px;font-size:18px}.form-container form textarea{height:250px;font-size:18px}}