@import"https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;700&display=swap";*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:"Public Sans",sans-serif;font-size:1.125rem;color:#9698a6;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{line-height:1.2}img{display:inline-block;max-width:100%}ul{list-style-type:none}a{text-decoration:none;color:#333}.container{max-width:1150px;margin:0 auto;padding:0 1rem}.cta-button{display:inline-block;padding:.75rem 2rem;margin-bottom:1.5rem;color:#fff;background:linear-gradient(to right, hsl(136deg, 65%, 51%), hsl(192deg, 70%, 51%));border-radius:100px}.cta-button:hover{background:linear-gradient(to right, hsl(136deg, 65%, 71%), hsl(192deg, 70%, 81%))}header{background-color:#fff}header nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:1.5rem}header nav .nav-logo{line-height:0}header nav ul{display:none}header nav ul.active{display:flex;flex-direction:column;width:100%;align-items:center}header nav ul.active .cta-button{display:none}header nav li:not(:last-child){border-bottom:5px solid rgba(0,0,0,0);border-image-slice:1}header nav li:not(:last-child):hover{border-image-source:linear-gradient(to right, hsl(136deg, 65%, 71%), hsl(192deg, 70%, 81%))}header nav .nav-hamburger{display:block;cursor:pointer}@media screen and (min-width: 880px){header .nav-hamburger{display:none !important}header .nav-bar ul{display:flex !important;flex-direction:row;gap:2.5rem;align-items:center}header .nav-bar .cta-button{margin:0}}#hero{background-color:#fafafa;text-align:center;padding-bottom:4rem}#hero .hero__image{position:relative;min-height:275px;background-image:url("../images/bg-intro-mobile.svg");background-position:center center;background-repeat:no-repeat;background-size:cover}#hero .hero__image::after{content:"";position:absolute;background-image:url("../images/image-mockups.png");background-size:92%;background-repeat:no-repeat;background-position:center 92%;left:0;top:0;width:100%;height:100%}#hero img{position:relative;top:-140px}@media screen and (min-width: 880px){#hero{padding-bottom:0}#hero .container{display:flex;flex-flow:row-reverse nowrap;align-items:center;text-align:left}#hero .container .hero__image{flex:3;min-height:650px;background-image:none;background-position:left center}#hero .container .hero__image::before{content:"";position:absolute;background-image:url("../images/bg-intro-desktop.svg");background-position:0% 78%;background-repeat:no-repeat;background-size:122%;width:150%;height:100%}#hero .container .hero__image::after{content:"";position:absolute;background-image:url("../images/image-mockups.png");background-position:center 85%;background-size:95%;left:25%;top:0;width:120%;height:120%}#hero .container .hero__text{flex:2}}#hero h1{color:#2d314d;font-size:2.5rem;font-weight:400}#hero p{margin-block:1.5rem}#hero .cta-button{margin-bottom:0}#benefits{background-color:#f3f4f6;text-align:center;padding-block:4rem}@media screen and (min-width: 880px){#benefits{text-align:left}}#benefits .benefits-heading{margin-bottom:3rem}@media screen and (min-width: 880px){#benefits .benefits-heading{max-width:650px}}#benefits .benefits-heading h2{color:#2d314d;font-size:2rem;font-weight:400;margin-bottom:1rem}#benefits .benefits-container{display:flex;flex-direction:column;gap:2rem}@media screen and (min-width: 880px){#benefits .benefits-container{flex-direction:row}}#benefits .benefit h3{color:#2d314d;font-weight:400;margin:1rem 0}#articles{background-color:#fafafa;padding:5rem 0}#articles h4{color:#2d314d;font-size:2rem;font-weight:400;text-align:center;margin-bottom:2rem}@media screen and (min-width: 880px){#articles h4{text-align:left}}#articles .article-container{display:flex;flex-direction:column;gap:2rem}@media screen and (min-width: 880px){#articles .article-container{flex-direction:row}}#articles article{background-color:#fff;padding-bottom:2rem;border-radius:5px}#articles article img{border-top-left-radius:5px;border-top-right-radius:5px;width:100%}@media screen and (min-width: 880px){#articles article img{height:200px}}#articles article a:hover{color:#31d35c}#articles article .article__author{font-size:.75rem;margin:.75rem 0;padding:0 2rem}#articles article .article__title{font-size:1.25rem;font-weight:700;color:#2d314d;padding:0 2rem}#articles article .article__body{margin-top:.75rem;font-size:1rem;padding:0 2rem}footer{background-color:#2d314d;color:#fff;text-align:center;padding-block:2rem}@media screen and (min-width: 880px){footer .container{text-align:left;display:grid;grid-template-columns:repeat(3, 1fr) 2fr;grid-template-rows:repeat(2, 1fr);grid-template-areas:"logo links1 links2 cta" "socials links1 links2 cta"}}footer a:hover{color:#31d35c}footer .footer__logo{margin-bottom:2rem}@media screen and (min-width: 880px){footer .footer__logo{grid-area:logo;align-self:start;margin-bottom:0}}footer .social-icons{line-height:0}@media screen and (min-width: 880px){footer .social-icons{grid-area:socials;align-self:end}}footer .social-icons img{width:30px;height:30px;margin:0 .25rem}footer a{color:#fff}footer .footer__links{display:flex;flex-direction:column;align-items:center;gap:.5rem}@media screen and (min-width: 880px){footer .footer__links{justify-content:space-between;margin-block:0;justify-self:center;align-self:space-between}}footer .footer__links a{display:block}footer .column1{margin-top:2rem;grid-area:links1}@media screen and (min-width: 880px){footer .column1{margin-top:0}}footer .column2{margin-top:.5rem;margin-bottom:2rem;grid-area:links2}@media screen and (min-width: 880px){footer .column2{margin-top:0;margin-bottom:0}}@media screen and (min-width: 880px){footer .footer__cta{grid-area:cta;justify-self:end;text-align:right}}footer .footer__cta .cta-button{display:inline-block;padding:.75rem 2rem;margin-bottom:1.5rem;background:linear-gradient(to right, hsl(136deg, 65%, 51%), hsl(192deg, 70%, 51%));border-radius:100px}footer .footer__cta .copyright{font-weight:300;color:#9698a6}.attribution{font-size:1rem;color:#222d59;text-align:center}.attribution a{font-size:1.1rem;color:#3e52a3}/*# sourceMappingURL=style.css.map */