@import url(https://db.onlinewebfonts.com/c/7147aad6f91d29367144753601a8328b?family=Cocon);@font-face{font-family:Century Gothic;src:url(../../fonts/CenturyGothic.woff2) format("woff2"),url(../../fonts/CenturyGothic.woff) format("woff");font-weight:400;font-style:normal}*{margin:0;padding:0}body,html{width:100%;height:100%}@-webkit-keyframes scrolldown{0%{-webkit-transform:translate(0);transform:translate(0);opacity:0}40%{opacity:1}80%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}to{opacity:0}}@keyframes scrolldown{0%{-webkit-transform:translate(0);transform:translate(0);opacity:0}40%{opacity:1}80%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}to{opacity:0}}html{font-size:16px;font-family:Century Gothic,Cocon,san-serif}h1{font-size:3.75rem}h1,h2{font-weight:600;font-family:Cocon,san-serif}h2{font-size:3rem}h3{font-size:2.25rem}h3,h4{font-weight:600;font-family:Cocon,san-serif}h4{font-size:1.5rem}h5{font-size:1.25rem;font-weight:600;font-family:Cocon,san-serif}.text-center{text-align:center}.primary{color:#320085}.bg-primary{background:#320085}.secondary{color:#fece62}.bg-secondary{background:#fece62}.accent1{color:#3d00bd}.bg-accent1{background:#3d00bd}.accent2{color:#79d5fa}.bg-accent2{background:#79d5fa}.text{color:#320085}.bg-text{background:#320085}.white{color:#ecf5ff}.bg-white{background:#ecf5ff}.pureWhite{color:#fff}.bg-pureWhite{background:#fff}.f-container{max-width:1366px;margin-left:auto;margin-right:auto}#hero,section{width:100%;height:100vh}#hero{position:relative;overflow:hidden;background:#320085}#hero .f-container{position:relative;height:100%}#hero .f-container #hero-text{background:url(../../images/hero/hero-text.svg);shape-outside:url(../../images/hero/hero-text.svg);background-repeat:no-repeat;position:absolute;top:78px;left:-95px;z-index:0;width:842px;height:869px}#hero .f-container #hero-text .sub-title,#hero .f-container #hero-text .title{font-weight:400;position:absolute;left:142px;z-index:10}#hero .f-container #hero-text .title{top:246px}#hero .f-container #hero-text .sub-title{font-family:Century Gothic;top:310px}#hero .f-container #hero-image{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:-110px;width:789px;height:718px}@media (min-width:768px){#hero .f-container #hero-image{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}}#hero .bg{position:absolute;width:100%;height:100%;top:0;left:0}#hero .bg:after,#hero .bg:before{position:absolute;left:0;z-index:10}#hero .bg:before{content:"";background:url(../../images/hero/top-left.svg);top:0;width:567px;height:228px;background-repeat:no-repeat}#hero .bg:after{content:"";background:url(../../images/shapes/shape-corner-yellow.svg);bottom:0;width:430px;height:264px;-webkit-transform:rotateX(180deg);transform:rotateX(180deg);background-repeat:no-repeat}.scroll{font-family:Century Gothic,Cocon,san-serif;display:inline-block;bottom:10px;position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.scroll span{top:-64px;width:30px;height:50px;margin-left:-15px;border:2px solid #320085;border-radius:50px}.scroll span,.scroll span:before{position:absolute;left:50%;box-sizing:border-box}.scroll span:before{top:10px;content:"";width:6px;height:6px;margin-left:-3px;background-color:#320085;border-radius:100%;-webkit-animation:scrolldown 2s infinite;animation:scrolldown 2s infinite}#hero .scroll span{border:2px solid #fff}#hero .scroll span:before{background-color:#fff}.scroll-wrapper{-ms-scroll-snap-type:mandatory;scroll-snap-type:mandatory;-ms-scroll-snap-points-y:repeat(100vh);scroll-snap-points-y:repeat(100vh);-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.scroll-wrapper section{scroll-snap-align:start}section.slide{position:relative;overflow:hidden}section.slide:after,section.slide:before{position:absolute;z-index:10;content:""}section.slide:first-of-type:before{top:0;left:0;background:url(../../images/shapes/shape-corner-yellow.svg);background-repeat:no-repeat;width:430px;height:264px}section.slide:nth-of-type(odd){background:#fff}section.slide:nth-of-type(odd):not(:first-of-type):before{top:0;left:0;-webkit-transform:rotateY(180deg) rotateX(180deg);transform:rotateY(180deg) rotateX(180deg)}section.slide:nth-of-type(odd):after,section.slide:nth-of-type(odd):not(:first-of-type):before{background:url(../../images/shapes/shape-corner-blue.svg);background-repeat:no-repeat;width:296px;height:375px}section.slide:nth-of-type(odd):after{bottom:0;right:0;-webkit-transform:rotateY(0);transform:rotateY(0)}section.slide:nth-of-type(2n){background:#ecf5ff}section.slide:nth-of-type(2n):before{top:0;right:0;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}section.slide:nth-of-type(2n):after,section.slide:nth-of-type(2n):before{background:url(../../images/shapes/shape-corner-blue.svg);background-repeat:no-repeat;width:296px;height:375px}section.slide:nth-of-type(2n):after{bottom:0;left:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}section.slide .pin-wrapper{width:100%;height:100%}section.slide:not(:first-of-type) .pin-wrapper{-webkit-transform:translateY(-100%);transform:translateY(-100%)}section.slide .img{position:absolute;top:25.295082%;left:50%;width:158px;height:523px;-webkit-transform:translateX(-100%);transform:translateX(-100%);margin-left:-82px}section.slide .description{position:absolute;top:35.3917050691%;left:50%;width:510px}#human-body .img{background:url(../../images/bodies/human-body.png) no-repeat 0 0}#skeletal-system .img{background:url(../../images/bodies/skeletal-system.png) no-repeat 0 0}#muscular-system .img{background:url(../../images/bodies/muscular-system.png) no-repeat 0 0}#circulatory-system .img{background:url(../../images/bodies/circulatory-system.png) no-repeat 0 0}.scrollmagic-pin-spacer{position:absolute!important;clip:rect(auto,auto,auto,auto)!important}footer{position:relative;height:80px;overflow:hidden}footer .f-container{display:flex;justify-content:center;align-items:center;flex-direction:row;height:100%}footer p,footer small{display:inline-block;margin-left:auto}footer:before{content:"";position:absolute;top:0;left:0;background:url(../../images/shapes/shape-corner-blue.svg);width:296px;height:375px;-webkit-transform:rotateY(180deg) rotateX(180deg);transform:rotateY(180deg) rotateX(180deg)}