.contact-form-container{display:flex;max-width:100%;width:100%;flex-direction:column;align-items:flex-start;flex:1;gap:2rem;background:0 0}.contact-form-container header{display:flex;max-width:100%;width:100%;flex-direction:column;align-items:flex-start;flex:1;gap:1rem}.contact-form{width:100%}.contact-form fieldset{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:2rem}.contact-form label{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:.6rem;color:var(--color-txt)}.contact-form textarea{width:100%}.contact-form input{max-width:30em;width:100%}.contact-response{position:fixed;left:50%;top:50%;min-width:220px;padding:2em 3em;transform:translate(-50%,-50%);background:var(--color-button-bg);color:var(--color-button-txt);box-shadow:0 4px 24px var(--color-shadow);font-size:1.1em;text-align:center;border-radius:var(--border-radius)}.contact-response>button{position:absolute;top:.5em;right:.5em;width:1em;height:1em;background:0 0;border:none;padding:0;cursor:pointer}.contact-response>button>span{position:absolute;top:.4em;left:0;width:1em;height:2px;background-color:#b9b217;display:block;transform-origin:center;transition:.2s}.contact-response>button>span:first-child{transform:rotate(45deg)}.contact-response>button>span:last-child{transform:rotate(-45deg)}.contact-response>button:hover>span{background-color:var(--color-button-txt)}.contact-response>button:hover>span:first-child{transform:rotate(135deg)}.contact-response>button:hover>span:last-child{transform:rotate(-135deg)}