@media only screen and (min-width: 0rem){#contact{padding:var(--sectionPadding);background-color:#f7f7f7;position:relative;z-index:1}#contact .container{width:100%;max-width:36.5rem;margin:auto;display:flex;justify-content:center;align-items:stretch;flex-direction:column;-moz-column-gap:auto;column-gap:auto;row-gap:clamp(2rem,3vw,3rem);-moz-column-gap:1.25rem;column-gap:1.25rem;position:relative}#contact .content{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}#contact .title{max-width:18ch;margin:0}#contact .text{color:#e8e8e8}#contact .contact-group{width:100%;max-width:40.625rem;min-height:31.25rem;padding:clamp(1.5rem,2.5vw,2rem);padding-top:9.375rem;box-sizing:border-box;border-radius:1.5rem;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:2rem;order:3;position:relative;z-index:1}#contact .ul{text-align:left;width:100%;margin:0;padding:0;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:flex-start;gap:1.5rem;position:relative}#contact .li{list-style:none;display:flex;justify-content:flex-start;align-items:flex-start;gap:1.25rem}#contact .li:hover .icon-wrapper{transform:scale(1.1)}#contact .header{font-size:1.25rem;font-weight:700;line-height:1.2em;margin-bottom:.75rem;color:var(--bodyTextColorWhite);display:block}#contact .link{font-size:1rem;line-height:1.5em;text-decoration:none;color:var(--bodyTextColorWhite);opacity:.8;display:block;position:relative}#contact .link:hover{text-decoration:underline}#contact .icon-wrapper{width:3.75rem;height:3.75rem;margin:0;border-radius:50%;border:1px solid var(--secondary);display:flex;justify-content:center;align-items:center;flex:none;transition:transform .3s}#contact .icon{width:1.5rem;height:auto;display:block}#contact .background{width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:-1}#contact .background:before{content:"";position:absolute;display:block;height:100%;width:100%;background:linear-gradient(0deg,#1a1a1af0 5%,#1a1a1a00 60%);top:0;left:0;z-index:1}#contact .background img{position:absolute;top:0;left:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}#contact .form{width:100%;max-width:39.375rem;padding:clamp(1.5rem,5.18vw,3rem) clamp(1rem,4vw,3rem);box-sizing:border-box;background-color:#fff;border-radius:1.5rem;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:.75rem}#contact .label{font-size:clamp(.875rem,1.5vw,1rem);width:100%;color:var(--headerColor);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.25rem}#contact .input{font-family:Outfit,Roboto,Arial,sans-serif;font-size:1rem;width:100%;height:3.5rem;padding:0;padding-left:1.5rem;color:var(--headerColor);background-color:#f7f7f7;border-radius:.5rem;border:none;box-sizing:border-box}#contact .input::-moz-placeholder{color:#7d799c;opacity:.6}#contact .input::placeholder{color:#7d799c;opacity:.6}#contact .textarea{min-height:7.5rem;padding-top:1.5rem;margin-bottom:.75rem;font-family:inherit}#contact .submit{width:100%;min-width:12.5rem;border:none}#contact .submit:hover{color:#fff;cursor:pointer}}@media only screen and (min-width: 48rem){#contact .container{max-width:80rem;flex-direction:row;justify-content:space-between;flex-wrap:wrap}#contact .content{width:100%;flex:none}#contact .contact-group{width:50vw;order:2}#contact .form{width:45%;max-width:33.875rem;order:3}#contact .submit{width:auto}}@media only screen and (min-width: 0rem){body.dark-mode #contact{background-color:#0003}body.dark-mode #contact .title,body.dark-mode #contact .text,body.dark-mode #contact .link,body.dark-mode #contact .label{color:var(--bodyTextColorWhite)}body.dark-mode #contact .contact-text,body.dark-mode #contact .link{opacity:.8}body.dark-mode #contact .icon-wrapper{border-color:#fff}body.dark-mode #contact .icon{filter:grayscale(1) brightness(1000%)}body.dark-mode #contact .form{background-color:var(--medium)}body.dark-mode #contact .input{background-color:#fff3;color:#fff}body.dark-mode #contact .input::-moz-placeholder{color:#fff;opacity:.8}body.dark-mode #contact .input::placeholder{color:#fff;opacity:.8}}