:root{--contact-vertical-margin:30%;--contact-horizontal-margin:40%;--contact-max-width:36rem;--contact-gap:2rem;--contact-items-gap:4rem}.contact.section{--section-overlay-opacity:5%}.contact-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;grid-gap:2rem;gap:2rem;grid-gap:var(--contact-gap);gap:var(--contact-gap);margin-left:auto;margin-right:auto}.contact-text,.contact-wrapper{max-width:36rem;max-width:var(--contact-max-width)}.contact-items{display:flex;flex-wrap:wrap;grid-gap:4rem;gap:4rem;grid-gap:var(--contact-items-gap);gap:var(--contact-items-gap)}.contact-item{align-items:center;display:flex;flex:1 1 0;flex-direction:column;justify-content:flex-start;text-align:center;transition:var(--transition-fast);grid-gap:.5rem;gap:.5rem;&:hover{opacity:.8}& a{word-break:keep-all}}.contact-item-icon{align-content:center;aspect-ratio:1;background:var(--button-background);border:4px solid var(--color-black);border-radius:1rem;display:grid;justify-content:center;padding:.5rem;place-content:center;width:4rem;& img{width:-moz-fit-content;width:fit-content}.color-scheme-green-yellow &,.color-scheme-purple-yellow &{--button-background:var(--color-yellow-500)}.color-scheme-yellow-black &{--button-background:var(--color-turqoise-500)}.color-scheme-pink-black &,.color-scheme-turqoise-black &{--button-background:var(--color-yellow-500)}.color-scheme-greygreen-black &,.color-scheme-white-black &{--button-background:var(--color-white)}}