@import url('https://fonts.googleapis.com/css2?family=Lato&family=Poppins:wght@500&display=swap');body{margin: 0;width: 100vw;overflow-x: hidden;font-family: 'Lato', sans-serif;background-color: #fafafa;}h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif;text-align: center;font-size: 20px;}h1{font-size: 24px;animation-duration: 1s;animation-name: fadeInUp;}@-webkit-keyframes fadeInUp {from { opacity:0;-webkit-transform:translate3d(0,40%,0);transform:translate3d(0,40%,0) }    to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) }}   p{text-align: center;text-align-last: center;font-size: 16px;font-weight: 400;line-height: 26px;color: #6a6972;}h2{width: auto;margin: 0 auto 2rem;font-size: 24px;}h2::before{background: linear-gradient(#5f0164,#5f0164);display: block;content: "";width: 150px;height: 5px;margin: auto;margin-bottom: 10px;}nav{height: 80px;width: 90vw;display: block;background-color: rgba(0, 0, 0, 0);overflow: hidden;display: grid;grid-template-columns: 90px auto 50px;padding: 10px 5vw;position: fixed;top: 0;left: 0;transition: background-color 0.5s ease;z-index: 10;}#nav-out{transition: height 0.5s ease;}.collapsed-out{height: 100vh;}.logo{margin-top: 1rem;}.logo-a{color: white;text-decoration: none;font-size: 1.25rem;line-height: 1;}.nav-scroll > .logo > .logo-a{color: #610063;}.logo > picture > img{height: 50px;width: auto;}.nav-content{display: block;position: fixed;left: 0;top: 80px;background-color: rgba(0, 0, 0, 0.4);width: 100vw;height: calc(100vh - 80px);transition: display 0.1s ease;transition: height 0.5s ease;overflow: hidden;}.nav-scroll{background-color: white;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}.collapsed{height: 0px;}.nav-content > ul{background-color: white;margin: 0;padding: 1rem 3rem;}.nav-content > ul > li{text-decoration: none;list-style-type: none;}.nav-content > ul > li > a{text-decoration: none;color: black;font-size: 16px;font-weight: 400;display: block;padding: 1rem 0;}#navbar-toggler{width: 30px;height: 50px;float: right;font-size: 1.25rem;line-height: 1;background-color: transparent;border: 1px solid transparent;border-radius: .25rem;grid-column: 3 / span 1;}.toggler-icon{width: 30px;height: 2px;background-color: #fff;display: block;margin: 5px 0;position: relative;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}.nav-scroll > #navbar-toggler > .toggler-icon{background-color: black;}#home, footer{width: 100vw;height: auto;left: 0;top: 0;display: grid;color: white;grid-template-rows: 80px auto auto 160px;grid-template-columns: 1fr;}#home svg, footer > svg{height: 70vh;z-index: 0;grid-row: 1 / span 4;width: 100vw;}#home > *:not(svg), footer > *:not(svg){z-index: 1;}#home > h1{grid-row: 2;}#home > p{grid-row: 3;width: 70vw;margin: auto;color: white;animation-duration: 1s;animation-name: fadeInUp;}#home > picture{grid-row: 4;margin: auto;padding: 20px;}#home > *{grid-column: 1;}#coop{display: grid;}#coop > picture{margin: auto;margin-bottom: 5vw;}#features, #team{width: 90vw;padding: 0 5vw;display: grid;grid-template-columns: 1fr;}section{margin-top: 4rem;}.feature, .person{background-color: white;border-radius: 5px;overflow: hidden;padding: 3rem 5vw 1rem 5vw;display: grid;grid-template-columns: 1fr;grid-template-rows: auto auto auto;}.feature:not(:first-of-type), .person:not(:first-of-type){margin-top: 2rem;}.feature > *{grid-column: 1;}.feature{cursor: pointer;}.feature svg{grid-area: svgs;margin: auto;width: 40%;padding-left: 10%;}.feature-head > svg:first-child{fill: rgba(85, 0, 255, 0.1);transform: rotate(30deg);transition: transform 0.5s ease;z-index: 1;}.feature:hover > .feature-head > svg:first-child{transform: rotate(45deg);}.feature-head > svg:not(:first-child){z-index: 2;fill: #610063;}.feature-head > svg:last-child{fill: white;width: 15%;z-index: 2;padding-left: 0;}.feature-head{display: grid;height: 40vw;grid-template-rows: 1fr;grid-template-columns: 1fr auto 1fr;grid-template-areas: "a svgs b";}.feature-explained{max-height: 0px;overflow: hidden;transition: display 0.1s ease;text-align: justify;transition: max-height 1s cubic-bezier(.33,.18,.01,.98);}.feature-full > .feature-explained{display: block;max-height: 70vh;}#roadmap{padding: 0 5vw;width: 90vw;display: none;}.roadmap-map{display: grid;grid-template-columns: 30px auto;column-gap: 2rem;}.roadmap-dot{grid-column: 1;display: block;background-color: black;width: 2px;height: auto;margin-left: 8px;padding-top: 50%;}.roadmap-dot > div{border-radius: 30px;background-color: red;width: 30px;height: 30px;display: block;margin-left: -8px;}.roadmap-p{grid-column: 2;}.person{padding: 0;row-gap: .5rem;padding-bottom: 1rem;}.person-head{display: grid;grid-template-rows: 1fr auto .1fr;}.person-head > picture{grid-row: 1 / span 3;grid-column: 1;}.person-head > .person-contact{grid-row: 2;grid-column: 1;background-color: rgba(255,255,255,.23);margin: auto;display: block;padding: .5rem 2rem;border: 1px solid transparent;border-radius: 2rem;transition: background-image 0.5s ease;background-image: linear-gradient(to right, #53004B, #461D7C);}.person-contact > a:not(:first-child){margin-left: 1rem;}.person-contact svg{fill: white;height: 1.5rem;}.person:hover .person-contact{background-image: linear-gradient(to right, #53004B, #461D7C);}.person-head > picture > img{width: 100%;height: auto;}.person > h3, .feature > h3{margin-bottom: 0;}.person > p, .feature >  p{margin: 0;}#newsletter{display: block;width: 100vw;}.newsletter-box{background-color: white;margin: 1rem 10vw;border-radius: 5px;}.newsletter-box > form >   *{display: block;}.news-email{display: block;border: 1px solid #6a6972;border-radius: 5px;line-height: 30px;font-size: 24px;color: #6a6972;width: calc(90% - 20px);margin: .5rem 5%;padding: 3px 10px;}footer{margin-top: 5rem;grid-template-rows: 1fr auto auto auto;}footer > svg{transform: rotateX(180deg);grid-column: 1;grid-row: 1 / span 4;}footer > *:not(svg){color: white;text-align: center;grid-column: 1;margin: .5rem;}footer > p{grid-row: 4;padding-bottom: 3rem;}.footer-contact{grid-row: 3;margin: 0;}.footer-contact > a{display: block;color: white;text-decoration: none;}.footer-contact > a:not(:last-child){margin-bottom: .5rem;}footer >h3{grid-row: 2;}.visible{animation-duration: 1s;animation-name: fadeInUp;}#about{width: 90vw;padding: 0 5vw;}.cta{grid-row: 4;padding: 1rem 2rem;background-color: #FDD023;margin: auto;border-radius: 5px;color: black;text-decoration: none;border: 1px solid transparent;}.cta:hover{background-color: #FFDD5A;}.time-save > svg{width: 1em;height: 1em;display: inline;fill: #610063;padding: 0;}#about{display: grid;grid-template-columns: 1fr;}.single{display: grid;grid-template-columns: 1fr;}#about > .single > picture{grid-row: 4;}#about > .single > picture > img{width: 100%;border-radius: 5px;overflow: hidden;}.cta-section{text-align: center;line-height: 3rem;width: 90vw;padding: 0 5vw;}.about-long{display: none;}.about-content > p{text-align: justify;}@media (min-width: 576px) {#navbar-toggler{ margin-top: .5rem;}    h1, h2, .logo-a{font-size: 30px;}    h3{font-size: 24px;}    #home svg, footer > svg{height: 50vw;}    #features, #team{grid-template-columns: 1fr 1fr;column-gap: 5vw;}    #features > h2, #team>h2{grid-column: 1 / span 2;}    .feature svg{width: 60%;}    .feature-head > svg:last-child{width: 25%;}    .time-save > svg{width: 1rem;}    .feature{cursor: default;padding: 3rem 1rem 1rem;grid-column: 1 / span 3;grid-template-columns: 1fr 2fr;}    .feature-explained{text-align-last: left;}    .feature > *{grid-column: 2;padding: 0 2.5rem;}    .feature > *:last-child{display: none;}    .feature > .feature-head{grid-column: 1;grid-row: 1 / span 3;padding: 0 0;}    .feature-explained{max-height: 100%;}    .feature:nth-child(2n){grid-template-columns: 2fr 1fr;}    .feature:nth-child(2n) > .feature-head{grid-column: 2;}    .feature:nth-child(2n) > .feature-head > svg:nth-child(2n){fill: #4d198d;}    .feature:nth-child(2n) > *{grid-column: 1;}    .feature:last-child{grid-column: 1 / span 3;}    #team{grid-template-columns: 1fr 1fr 1fr;}    #team > h2{grid-column: 1 / span 3;}    .person{grid-column: span 1;}    .person:not(:first-of-type){margin-top: 0;}    #about{column-gap: 5vw;padding-bottom: 0;}    .about-content > p{text-align-last: left;}    #about > h2{}    #about > .single{grid-template-columns: 1fr 2fr;grid-template-areas: "img txt";column-gap: 5vw;}    #about > .single:nth-child(2n){grid-template-columns: 2fr 1fr;grid-template-areas: "txt img";margin-bottom: 2rem;}    .about-content{grid-area: txt;}    #about > .single > picture{margin-top: 1rem;grid-area: img;}    #about > picture > img{grid-row: 2;vertical-align: middle;display: inline-block;}}@media (min-width: 768px) {#home svg, footer > svg{  }    .logo-a{font-size: 30px;}    h1{font-size: 38px;}    h3{font-size: 26px;}    #about > .single{column-gap: 10vw;}}@media (min-width: 992px) {#home svg, footer > svg{ height: 50vw;}    nav{width: 80vw;padding: 10px 10vw;}    #coop, #features, #team, #about, .cta-section{width: 80vw;padding: 0 10vw;column-gap: 5vw;row-gap: 5vw;margin-top: 5rem;}    h1{font-size: 64px;}    h2{margin-bottom: -2.5vw;font-size: 48px;}    h3{font-size: 36px;}    p, a, .nav-content > ul > li > a{font-size: 20px;}    .toggler-icon{margin: 7px 0;}    .cta-section > h2{margin-bottom: 2.5vw;}    #about{width: 80vw;padding: 0 10vw;}}@media (min-width: 1200px) {#home svg, footer > svg{ height: 50vh;}    nav{width: 60vw;padding: 10px 20vw;}    .toggler-icon{display: none;}    .nav-content{height: auto;position: initial;width: auto;background-color: transparent;}    .nav-content > ul{background-color: transparent;float: right;padding: 23px 0;}    .nav-content > ul > li, .nav-content > ul > li > a{display: inline;font-size: 16px;color: white;margin-left: 2rem;}    .nav-scroll > .nav-content > ul > li > a{color: black;}    .person-head > .person-contact{}    #coop, #features, #team, #about, .cta-section{width: 60vw;padding: 0 20vw;column-gap: 5vw;row-gap: 5vw;margin-top: 5rem;}    h2{margin-bottom: -2.5vw;}    #features, #team{grid-template-columns: 1fr 1fr 1fr;}    #features>h2, #team>h2{grid-column: 1 / span 3;}    p{text-align-last: center;}    .feature > *{grid-column: 2;padding: 0 5rem;}    .person{grid-column: span 1;}    .about-long{display: block;}    .single:nth-child(2n+1){display: none;}}