@media only screen and (min-width: 0rem) {#contact {border-top: 1px solid #000;padding: var(--sectionPadding);}#contact .container {width: 100%;max-width: 50rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: clamp(3rem, 6vw, 4rem);}#contact .content {text-align: left;width: 100%;margin: 0 0 2rem 0;display: flex;flex-direction: column;align-items: flex-start;}#contact .left-section {width: 100%;}#contact #form {width: 100%;}#contact .label {font-size: 1rem;font-weight: 700;line-height: 1.5em;margin-bottom: clamp(0.75rem, 1.3em, 1.25rem);color: var(--headerColor);display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}#contact .label-message {margin-bottom: clamp(2rem, 5.3vw, 3rem);}#contact .input, #contact .textarea {font-size: 1rem;width: 100%;height: 4rem;margin-top: 0.25rem;box-sizing: border-box;padding-left: 0.5rem;border: 1px solid #000;transition: border 0.3s;font-family: inherit;}#contact .input:hover, #contact .textarea:hover {border: 1px solid var(--primary);}#contact .textarea {font-family: inherit;min-height: 7.5rem;margin: 0;padding-top: 1.25rem;}#contact .submit {width: fit-content;font-family: "Nexa", Arial, sans-serif;font-size: 1rem;}#contact .right-section {width: 100%;box-sizing: border-box;padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.25rem, 3vw, 2.5rem);overflow: hidden;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;gap: clamp(1.75rem, 4vw, 2.5rem);position: relative;}#contact .ul {margin: 0;padding: 0;}#contact .li {list-style: none;margin-bottom: clamp(1rem, 2vw, 1.25rem);display: flex;justify-content: flex-start;align-items: center;}#contact .li:hover .icon-wrapper {transform: scale(1.2);}#contact .li:last-of-type {margin-bottom: 0;}#contact .header {font-size: clamp(1rem, 2vw, 1.25rem);font-weight: 700;line-height: 1.2em;margin-bottom: 0.5rem;color: var(--headerColor);display: block;}#contact .link {font-size: clamp(1rem, 2vw, 1.25rem);line-height: 1.2em;text-decoration: none;color: var(--bodyTextColor);position: relative;}#contact .link:hover:before {width: 100%;}#contact .link:before {content: "";width: 0%;height: 2px;background: currentColor;opacity: 1;display: block;position: absolute;bottom: 0;left: 0;transition: width 0.3s;}#contact .icon-wrapper {width: 4rem;height: 4rem;margin-right: clamp(1rem, 2vw, 1.25rem);display: flex;justify-content: center;align-items: center;transition: transform 0.3s;flex: none;}#contact .icon {width: clamp(2rem, 3vw, 2.25rem);height: auto;display: block;}}@media only screen and (min-width: 43.75rem) {#contact #form {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}#contact .label {width: 48%;}#contact .label-message {width: 100%;}#contact .button-solid {margin-left: 0;}#contact .right-section {flex-direction: row;align-items: center;}}@media only screen and (min-width: 64rem) {#contact .container {max-width: 80rem;flex-direction: row;justify-content: flex-end;align-items: flex-start;gap: clamp(3.75rem, 5.9vw + 2em, 6.75rem);}#contact .left-section {max-width: 32.625rem;}#contact .label {width: 100%;}#contact .right-section {width: 40vw;max-width: 39.375rem;flex-direction: column;align-items: flex-start;flex: none;}#contact .picture {width: 100%;max-width: 100%;height: 27.375rem;}}@media only screen and (min-width: 0rem) {body.dark-mode #contact {border-top: 1px solid #fff;}body.dark-mode #contact .text, body.dark-mode #contact .title {color: var(--bodyTextColorWhite);}body.dark-mode #contact #form label, body.dark-mode #contact #form input, body.dark-mode #contact #form textarea {background-color: transparent;color: var(--bodyTextColorWhite);}body.dark-mode #contact #form label::placeholder, body.dark-mode #contact #form input::placeholder, body.dark-mode #contact #form textarea::placeholder {color: var(--bodyTextColorWhite);}body.dark-mode #contact #form .input, body.dark-mode #contact #form .textarea {border-color: #fff;}body.dark-mode #contact .icon {filter: invert(100%);}body.dark-mode #contact .header, body.dark-mode #contact .link {color: var(--bodyTextColorWhite);}}