@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Poppins:wght@700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--font-body: "Open Sans", sans-serif;--font-headings: "Poppins", sans-serif;--padding-container: 4rem 0;--pink: hsl(322, 100%, 66%);--light-pink: hsl(321, 100%, 78%);--light-red: hsl(0, 100%, 63%);--very-dark-cyan: hsl(192, 100%, 9%);--very-pale-blue: hsl(207, 100%, 98%);--button-color: hsla(192, 100%, 9%, .5)}body{font-family:var(--font-body)}.container{max-width:1200px;width:90%;margin:0 auto;overflow:hidden;padding:var(--padding-container)}.cta{display:inline-block;background-color:var(--pink);color:#fff;justify-self:center;padding:1em 1.8em;border-radius:2em;margin-top:1em;font-weight:600;box-shadow:-5px 8px 16px -10px var(--button-color);text-decoration:none}.header__cta{color:var(--light-pink);border:2px solid;padding:.3em 1em;border-radius:2em;font-weight:600;text-decoration:none;box-shadow:0 0 1px var(--button-color);z-index:1}.footer__cta{background-color:var(--pink);font-size:1rem;text-decoration:none;font-family:var(--font-body);color:#fff;padding:.6em 2.5em;border:none;border-radius:4px;font-weight:600;margin-left:auto}@media (min-width: 768px){.cta{padding:1em 2.2em}}.footer__input{flex:100%;font-size:1rem;font-family:var(--font-body);border:none;border-radius:3px;padding:1em .3em;margin-bottom:1em}.wave-section{position:relative;overflow:hidden}.wave{position:absolute;width:100%;height:100px;background-repeat:no-repeat;background-size:100% 100px}.wave--top{top:0;left:0;background-image:var(--wave-top)}.wave--bottom{bottom:0;left:0;background-image:var(--wave-bottom)}.footer{color:#fff;background-color:var(--very-dark-cyan)}.footer__title{text-transform:uppercase;letter-spacing:1px;margin-bottom:1em}.footer__paragraph{margin:1rem 0 3rem}.footer__paragraph--newsletter{margin:1rem 0 0}.footer__form{display:flex;flex-wrap:wrap;margin-bottom:5em;margin-top:3em}.footer__social{display:grid;grid-auto-flow:column;grid-auto-columns:40px;gap:1em}@media (min-width: 768px){.footer{--padding-container: 7rem 0}.footer__container{display:flex}.footer__newsletter{order:1;width:50%;max-width:350px;margin-left:auto}.footer__content{width:50%;max-width:300px}}.footer__contact{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:1em;align-items:center}.footer__contact:after{content:"Phone: +1-543-123-4567"}.footer__contact--email{margin:1em 0 3em}.footer__contact--email:after{content:"example@huddle.com"}.footer__link{text-decoration:none}.footer__icon{display:block;width:100%}.header{min-height:100vh;position:relative}.header__nav{display:flex;justify-content:space-between;align-items:center;--padding-container: 4rem 0 3rem;min-height:60px}.header__logo{width:45%;max-width:160px}.header__huddle{width:100%;display:block}.header__main{text-align:center;color:var(--very-dark-cyan)}.header__texts{display:grid;gap:1em}.header__title{font-family:var(--font-headings)}.header__paragraph{width:90%;margin:0 auto;line-height:1.5}.header__picture{margin-top:5em}.header__img{width:100%;max-width:600px;margin:0 auto;display:block}.header__numbers{margin-top:5em;display:flex;flex-direction:column;align-items:center;padding-bottom:100px}@media (min-width: 768px){.header__main{--padding-container: 8rem 0}.header__title{font-size:3rem}.header__paragraph{width:70%}.header__numbers{flex-direction:row;justify-content:space-around}.header__number{font-size:4rem}}.header__item{overflow:hidden;margin-bottom:2em}.header__number{font-size:3.5rem}.header__icon{display:block}@media (min-width: 768px){.header__number{font-size:4rem}}.section{background-color:var(--very-pale-blue);--padding-container: 7rem 0}.section__img{width:100%;max-width:350px;display:block;margin:0 auto}.section--white{--padding-container: 13rem 0;position:relative;background-color:#fff}.section__container{display:flex;flex-direction:column}.section__texts{margin-top:3rem;text-align:center}.subtitles{margin-bottom:1rem;font-family:var(--font-headings)}@media (min-width: 768px){.section__container{flex-direction:row-reverse;align-items:center;justify-content:space-between}.section__container--inverse{flex-direction:row}.section__picture{width:50%}.section__texts{width:45%;margin:0;text-align:left}}.question{position:relative;text-align:center;--padding-container: 12rem 0 13rem}@media (min-width: 768px){.question{--padding-container: 12rem 0 13rem}}
