:root{--purple-700: hsl(257, 40%, 49%);--pink-400: hsl(322, 100%, 66%);--magenta-400: hsl(300, 69%, 71%);--white: hsl(0, 0%, 100%);--black: hsl(0, 0%, 0%);--blue-950: hsl(192, 100%, 9%);--main-font: "Open Sans", Arial, sans-serif;--accent-font: "Poppins", Arial, sans-serif;--font-size-base: 18px;--line-height-base: 1.5;--font-weight-400: 400;--font-weight-600: 600;--spacing-100: 8px;--spacing-200: 16px;--spacing-300: 24px;--spacing-400: 32px;--spacing-500: 40px;--spacing-700: 56px;--spacing-800: 64px}*,*:after,*:before{box-sizing:border-box}html,body{height:100%;margin:0}h1,h2,h3,h4,h5,h6,p,ul,ol,li{margin:0;padding:0}a{color:inherit;text-decoration:none}button,input,select,option{border:none;padding:0;color:currentColor;font-family:inherit;font-size:inherit;cursor:pointer;appearance:none}ul,ol{list-style:none}button:focus{outline:none}img{display:block;max-width:100%}blockquote{margin:0;padding:0;border:none;quotes:none}blockquote:before,blockquote:after{content:none}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(/huddle-landing-page-with-single-introductory-section/assets/poppins-v23-latin-regular-cpxAROuN.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:600;src:url(/huddle-landing-page-with-single-introductory-section/assets/poppins-v23-latin_latin-ext-600-DbBEVP56.woff2) format("woff2")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:400;src:url(/huddle-landing-page-with-single-introductory-section/assets/open-sans-v43-cyrillic_latin-regular-Ea4gPh-F.woff2) format("woff2")}.attribution{padding:24px;font-size:11px;text-align:center;font-family:inherit}.attribution a{color:#3e52a3}.body{display:flex;flex-direction:column;font-family:var(--main-font)}.main{display:flex;flex:1;justify-content:center;align-items:center;background-color:var(--purple-700);background-image:url(/huddle-landing-page-with-single-introductory-section/images/bg-mobile.svg);background-repeat:no-repeat;background-position:top center;background-size:contain}@media (min-width: 992px){.main{background-image:url(/huddle-landing-page-with-single-introductory-section/images/bg-desktop.svg);background-size:cover}}.hero{margin:40px 36px;color:var(--white);display:grid}@media (min-width: 768px){.hero{margin:40px 80px}}@media (min-width: 1024px){.hero{max-width:1272px;margin:64px 80px 43px}}.hero__logo-link{display:inline-block;justify-self:start;width:125px}@media (min-width: 1024px){.hero__logo-link{width:210px}}.hero__logo{object-fit:contain;object-position:center}.hero__wrapper{display:grid;gap:var(--spacing-700);margin-top:var(--spacing-800)}@media (min-width: 768px){.hero__wrapper{gap:var(--spacing-500)}}@media (min-width: 1024px){.hero__wrapper{grid-template-columns:max-content 1fr;align-items:center;gap:var(--spacing-700);margin-top:87px}}.hero__image-wrapper{width:100%;max-width:450px;margin:0 auto}@media (min-width: 768px){.hero__image-wrapper{max-width:608px}}@media (min-width: 1024px){.hero__image-wrapper{max-width:696px}}.hero__image{object-fit:contain;object-position:center}.hero__content{text-align:center}@media (min-width: 1024px){.hero__content{text-align:left}}.hero__title{font-family:var(--main-font);font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-400);font-family:var(--accent-font);font-weight:var(--font-weight-600);line-height:1.25;font-size:40px;font-size:24px}@media (min-width: 768px){.hero__title{font-family:var(--main-font);font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-400);font-family:var(--accent-font);font-weight:var(--font-weight-600);line-height:1.25;font-size:40px}}.hero__text{margin-top:var(--spacing-300);font-family:var(--main-font);font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-400);font-size:16px}@media (min-width: 768px){.hero__text{font-family:var(--main-font);font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-400)}}.hero__button{display:inline-block;width:200px;margin-top:var(--spacing-400);border-radius:20px;padding:11px 0;box-shadow:1px 3px 5px #00000040;color:var(--purple-700);text-align:center;background-color:var(--white);font-family:var(--main-font);font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-400);font-family:var(--accent-font);font-size:12px}@media (min-width: 768px){.hero__button{margin-top:var(--spacing-500);border-radius:28px;padding:15px 0;font-family:var(--main-font);font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-400);font-family:var(--accent-font)}}.hero__button:focus{outline:0}.hero__button:focus-visible,.hero__button:hover{color:var(--white);background-color:var(--magenta-400)}.hero__links{display:flex;justify-self:center;gap:var(--spacing-200);margin-top:var(--spacing-800)}@media (min-width: 768px){.hero__links{margin-top:var(--spacing-500)}}@media (min-width: 1024px){.hero__links{justify-self:end;margin-top:var(--spacing-300)}}.hero__link{display:flex;justify-content:center;align-items:center;width:28px;height:28px;background-repeat:no-repeat;background-position:center;background-size:contain}.hero__link:focus{outline:0}@media (min-width: 768px){.hero__link{width:var(--spacing-500);height:var(--spacing-500)}}.hero__link--facebook{background-image:url(/huddle-landing-page-with-single-introductory-section/images/facebook.png)}.hero__link--facebook:focus-visible,.hero__link--facebook:hover{background-image:url(/huddle-landing-page-with-single-introductory-section/images/facebook--hover.png)}.hero__link--twitter{background-image:url(/huddle-landing-page-with-single-introductory-section/images/twitter.png)}.hero__link--twitter:focus-visible,.hero__link--twitter:hover{background-image:url(/huddle-landing-page-with-single-introductory-section/images/twitter--hover.png)}.hero__link--instagram{background-image:url(/huddle-landing-page-with-single-introductory-section/images/instagram.png)}.hero__link--instagram:focus-visible,.hero__link--instagram:hover{background-image:url(/huddle-landing-page-with-single-introductory-section/images/instagram--hover.png)}