.darken{filter:brightness(.1);opacity:.5;pointer-events:none}#content{padding:1rem;width:100%}.panel{background-color:hsl(0,0%,96%,1);border-radius:5px;margin:5px;padding:1rem;text-align:start;min-width:400px}.panel .button,.panel button{width:200px}.content-selector{margin-block:1rem}.content-selector .content-selector-button{font-size:1.125rem;font-weight:700;width:25%;background-color:var(--primary);color:#fff;padding:1rem;margin-inline:1rem;border-radius:5px;cursor:pointer;text-align:center;transition:filter .2s,background-color .2s}.content-selector .content-selector-button:not([active]){background-color:hsl(210,16%,31%,1)}.content-selector .content-selector-button:hover{filter:brightness(1.1)}form{position:relative}#submit-button{position:absolute;bottom:0;right:0;outline:10px solid #fff;border-radius:100px;width:60px;height:60px}form .success{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsl(120,100%,25%,.5);font-size:2rem;font-weight:700;color:#fff;z-index:1;transition:opacity .5s;opacity:0;pointer-events:none}.banner>.col,form .error,form .success{display:flex;justify-content:center;align-items:center}form .error{position:absolute;top:0;left:0;width:100%;height:100%;font-size:2rem;font-weight:700;color:#fff;z-index:1;transition:opacity .5s;opacity:0;pointer-events:none;background-color:hsl(0,100%,35%,.75)}.banner h2,.banner p,form .error h1,form .success h1{margin:0}form .error p,form .success p{width:50%}#contact-us .loading::after{content:"Sending...";margin-top:-200px}#hr-contact-info a.button,.banner{display:flex;justify-content:center;align-content:center}.banner{background-color:#f5f5f5;text-align:center;padding:2rem 0;flex-wrap:wrap}.banner>.col{gap:1rem;min-width:400px;flex-grow:.5;margin-top:1rem}.banner a{font-size:3rem;font-weight:800;color:var(--primary);text-decoration:underline}section{margin-bottom:4rem}#hr-contact-info a.button{width:32px;aspect-ratio:1}#hr-contact-info a.button i{font-size:1rem;line-height:normal;margin-block:auto}