@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Syne:wght@400;500;600;700;800&display=swap");:root{--primary:'Inter', sans-serif;--secondary:'Syne', sans-serif;--mono:'Space Mono', monospace;--gray:#F8FAFA;--white:#FFFFFF;--green-white:#F0FFE6;--black:#222;--green:#0bff91}body{font-size:1.1rem;font-family:var(--primary);color:var(--black);line-height:2rem;background-color:white}.title{font-size:2.5rem;font-family:'Lobster', cursive}.wrapper{animation:scroll 100s linear infinite;background:url("../assets/img/bg.jpg"),#111;color:#eee;height:100vh;min-width:360px;width:100%;justify-content:center;align-items:center;perspective:1000px;perspective-origin:60% 60%}@keyframes scroll{100%{background-position:0px -4000px}}@media (prefers-reduced-motion){.wrapper{animation:scroll 200s linear infinite}}.vertical-center{position:center;top:50%;-ms-transform:translateY(-50%);transform:translateY(50%)}.post-header{background-color:#0E0E0C}.post-title{font-size:3rem;line-height:3rem;font-family:var(--secondary);color:var(--green-white);text-align:center}.quote{font-size:1.25rem;line-height:1.5rem;font-weight:700;font-family:var(--secondary);background-color:#0bff91}@media (min-width: 768px){.quote{margin:0 0 0 -3rem;width:50%;float:left;padding:3rem 3rem 3rem 0}}.post-title-h2{font-size:2.25rem;line-height:2.25rem;font-family:var(--secondary);color:#0bff91;text-align:center}.post-title-alt{font-size:2.25rem;line-height:2.25rem;font-family:var(--secondary);color:var(--black);text-align:center}.post-title-h3{font-size:1.5rem;text-transform:uppercase;line-height:1.5rem;font-family:var(--secondary);color:#303030;text-align:center}.post-intro{font-size:1.2rem;line-height:2rem;font-family:var(--primary);color:var(--white)}.post-author{font-size:.8rem;line-height:normal;text-transform:uppercase;font-family:var(--mono);color:var(--white);letter-spacing:1.2px}.logo-universal{max-width:180px;padding-top:30px}.logo-sv{max-width:330px;padding-top:30px}.section-black{background-color:#0E0E0C;color:white}.section-green{background-color:#0bff91;color:#333}.section-gray{background-color:#303030;color:#000}.section-grayb{background-color:#eee;color:#000}p{max-width:650px;line-height:1.7rem;font-size:1.1rem}.minus{font-size:.850rem}strong{font-weight:bold}#scrolly{position:relative;padding:1rem}article{position:relative;padding:0;max-width:40rem;margin:0 auto}figure{position:-webkit-sticky;position:sticky;display:flex;justify-content:center;align-items:center;left:0;width:100%;margin:0;margin-bottom:200px;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:0}figure p{text-align:center;padding:1rem;position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:1.1rem;line-height:normal;font-weight:900;color:#fff}.step{margin:0 auto 1rem auto;color:#fff}.step:last-child{margin-bottom:0}.step.is-active p{color:var(--white)}.step p{text-align:left;font-weight:500;padding:1rem;font-size:1.25rem;line-height:2rem}.step p span{font-family:var(--secondary);color:#0bff91;font-size:2rem}#outro{height:40px;background-color:#303030}#intro{height:180px;background-color:#303030}.card{background-color:transparent}.timeline{border-left:3px solid #F0FFE6;border-bottom-right-radius:4px;border-top-right-radius:4px;background:transparent;margin:0 auto;letter-spacing:0.2px;position:relative;line-height:1.4em;font-size:1.03em;padding:50px;list-style:none;text-align:left;max-width:55%}@media (max-width: 767px){.timeline{max-width:98%;padding:25px}}.timeline h1{font-weight:300;font-size:1.4em}.timeline h2,.timeline h3{font-size:1.5rem;line-height:1.5rem;font-family:var(--secondary);color:var(--green-white);margin-bottom:10px}.timeline .event{border-bottom:0.25px solid #F0FFE6;padding-bottom:25px;margin-bottom:25px;position:relative}@media (max-width: 767px){.timeline .event{padding-top:30px}}.timeline .event:last-of-type{padding-bottom:0;margin-bottom:0;border:none}.timeline .event:before,.timeline .event:after{position:absolute;display:block;top:0}.timeline .event:before{left:-207px;content:attr(data-date);text-align:right;font-size:0.65em;font-weight:bold;text-transform:uppercase;min-width:120px}@media (max-width: 767px){.timeline .event:before{left:0px;text-align:left}}.timeline .event:after{-webkit-box-shadow:0 0 0 3px #F0FFE6;box-shadow:0 0 0 3px #F0FFE6;left:-55.8px;background:#F0FFE6;border-radius:50%;height:9px;width:9px;content:"";top:5px}@media (max-width: 767px){.timeline .event:after{left:-31.8px}}.rtl .timeline{border-left:0;text-align:right;border-bottom-right-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px;border-top-left-radius:4px;border-right:3px solid #F0FFE6}.rtl .timeline .event::before{left:0;right:-170px}.rtl .timeline .event::after{left:0;right:-55.8px}.figure-caption{font-size:.8rem;line-height:1rem;font-family:var(--mono);padding:.8rem}.fade-in{animation:fadeIn ease 3s;-webkit-animation:fadeIn ease 3s;-moz-animation:fadeIn ease 3s;-o-animation:fadeIn ease 3s;-ms-animation:fadeIn ease 3s}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fade-in-b{animation:fadeIn ease 10s;-webkit-animation:fadeIn ease 10s;-moz-animation:fadeIn ease 10s;-o-animation:fadeIn ease 10s;-ms-animation:fadeIn ease 10s}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fade-in-c{animation:fadeIn ease 1s;-webkit-animation:fadeIn ease 1s;-moz-animation:fadeIn ease 1s;-o-animation:fadeIn ease 1s;-ms-animation:fadeIn ease 1s}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}button,input,optgroup,select,textarea{background-color:#F0FFE6;color:#000;margin:1rem;text-transform:uppercase;font-family:var(--mono);font-size:.8rem;padding:2px 10px 2px 10px;letter-spacing:1px;border-width:1px}a{color:#000;font-weight:bold;text-decoration:underline #F0FFE6 5px}.container{position:relative;width:900px;height:600px;border:2px solid white}.container .img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:900px 100%}.container .background-img{background-image:url("./assets/img/sembrando-vida--01.jpg")}.container .foreground-img{background-image:url("./assets/img/sembrando-vida--11.jpg");width:50%}.container .background-img{background-image:url("./assets/img/sembrando-vida--05.jpg")}.container .foreground-img{background-image:url("./assets/img/sembrando-vida--08.jpg");width:50%}.slider{position:absolute;-webkit-appearance:none;appearance:none;width:100%;height:100%;background:rgba(242,242,242,0.3);outline:none;margin:0;transition:all .2s;display:flex;justify-content:center;align-items:center}.slider:hover{background:rgba(242,242,242,0.1)}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:6px;height:600px;background:white;cursor:pointer}