@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@100..900&display=swap");:root{--hsl-primary-light:194 76% 74%;--hsl-primary:194 76% 45%;--hsl-primary-dark:194 76% 38%;--hsl-secondary-light:59 75% 74%;--hsl-secondary:59 75% 48%;--hsl-secondary-dark:59 75% 34%;--hsl-tertiary:240 1% 81%;--hsl-tertiary-dark:210 2% 44%;--hsl-tertiary-light:var(--hsl-tertiary);--hsl-accent:216 65% 31%;--hsl-accent-light:var(--hsl-primary-light);--hsl-accent-dark:var(--hsl-primary-dark);--hsl-black:var(--hsl-tertiary-dark);--hsl-background:0 0% 100%;--hsl-background-dark:0 0% 97%;--border-radius:0;--font-family:"Raleway",sans-serif;--font-family-base:var(--font-family);--font-family-title:var(--font-family-base)}.button{--button-text-color:var(--color-white);--button-color:var(--color-secondary-dark);--button-border-color:transparent;--button-color-light:var(--color-primary-dark);--button-color-dark:var(--color-primary-dark)}.button:active,.button:focus,.button:hover{--button-text-color:var(--color-white)}.socials__button{--button-color:var(--color-primary)}.header__button--search,:where(.header__socials) .socials__button{--button-color:var(--color-primary)}:where(.footer__socials) .socials__button{--button-color:var(--color-white);--button-text-color:var(--color-primary)}.header__button--search:active,.header__button--search:focus,.header__button--search:hover,.socials__button:active,.socials__button:focus,.socials__button:hover{--button-color:var(--color-secondary-dark)}:where(.footer__socials) .socials__button:hover{--button-text-color:var(--color-primary);--button-color:var(--color-accent)}.footer{--link-color:var(--color-white);--link-color-hover:var(--color-accent);--link-color-visited:var(--color-white);--footer-font-weight:var(--font-weight-regular)}.footer__top,.footer__top-wrapper{background-color:var(--color-primary);color:var(--color-white)}.footer__divider{color:var(--color-white)}.footer__bottom,.footer__bottom-wrapper{--link-color-hover:var(--color-accent);background-color:var(--color-primary)}.footer__logo--tree{-webkit-filter:brightness(0) saturate(100%) invert(100%);filter:brightness(0) saturate(100%) invert(100%)}.hero{background-color:var(--color-primary);color:var(--color-white)}.project-card__title,.projects__title{color:var(--color-primary)}