@import "https://fonts.googleapis.com/css?family=Cardo|Pathway+Gothic+One";html{font-size:62.5%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:fira code,monospace;font-size:1.4rem;display:flex;justify-content:center;flex-direction:column;background-color:#101119;color:#cacaca;line-height:1.8;text-align:center}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}section{padding:2rem 0}h1{font-size:2rem}h2{font-size:clamp(3rem,25vh,4.5rem);animation:fadeInUp 1.2s;color:#fff;font-weight:700;letter-spacing:-.1rem;line-height:1.25;text-transform:uppercase;background:linear-gradient(to right,#EE5622,#f52f5b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}a{text-decoration:none;color:#fff;font-weight:600}a:link{background-image:linear-gradient(120deg,#c1380a,#c1380a 100%);background-repeat:no-repeat;background-size:100% .3em;background-position:0 100%;transition:background-size .25s ease-in 0s;text-decoration:none}a:hover{background-size:100% 88%!important}.container-fluid{width:100%;padding-left:1rem;padding-right:1rem;margin-left:auto;margin-right:auto}.container{width:100%;padding-left:1rem;padding-right:1rem;margin-left:auto;margin-right:auto;max-width:1140px}.hideoverflow{display:flex;place-items:center;height:100vh}.sosmed{justify-content:center;display:flex}.sosmed ul{list-style:none;display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0}.sosmed li{padding-left:.3rem;padding-right:.3rem}.sosmed a{text-decoration:none;color:#fff;padding:1rem 2rem;border-radius:.6rem}.sosmed a:link{background-image:linear-gradient(120deg,rgba(193,56,10,0.8),rgba(193,56,10,0.8) 100%);background-repeat:no-repeat;background-size:100% .3em;background-position:0 100%;transition:background-size .25s ease-in 0s;text-decoration:none}.sosmed a:hover{background-size:100% 100%!important}.light{font-weight:300}.regular{font-weight:400}.medium{font-weight:500}.semibold{font-weight:600}.bold{font-weight:700}.variable{font-family:fira code vf;font-variation-settings:'wght' 400}#title>img{width:25vh;margin-top:10vh}#copyright{background-color:#1c1f33;bottom:0;left:0;position:absolute;width:100%}.timeline{display:flex;margin:0 auto;flex-wrap:wrap;flex-direction:column;max-width:700px;position:relative}.timeline__content-title{font-weight:400;font-size:66px;margin:-10px 0 0;transition:.4s;padding:0 10px;box-sizing:border-box;font-family:pathway gothic one,sans-serif;color:#fff}.timeline__content-desc{margin:0;font-size:15px;box-sizing:border-box;color:rgba(255,255,255,.7);font-family:Cardo;font-weight:400;line-height:25px}.timeline:before{position:absolute;left:50%;width:2px;height:100%;margin-left:-1px;content:"";background:rgba(255,255,255,.07)}@media only screen and (max-width:767px){.timeline:before{left:40px}}.timeline-item{padding:40px 0;opacity:.3;filter:blur(2px);transition:.5s;box-sizing:border-box;width:calc(50% - 40px);display:flex;position:relative;transform:translateY(-80px)}.timeline-item:before{content:attr(data-text);letter-spacing:3px;width:100%;position:absolute;color:rgba(255,255,255,.5);font-size:13px;font-family:pathway gothic one,sans-serif;border-left:2px solid rgba(255,255,255,.5);top:70%;margin-top:-5px;padding-left:15px;opacity:0;right:calc(-100% - 56px)}.timeline-item:nth-child(even){align-self:flex-end}.timeline-item:nth-child(even):before{right:auto;text-align:right;left:calc(-100% - 56px);padding-left:0;border-left:none;border-right:2px solid rgba(255,255,255,.5);padding-right:15px}.timeline-item--active{opacity:1;transform:translateY(0);filter:blur(0px)}.timeline-item--active:before{top:50%;transition:.3s all .2s;opacity:1}.timeline-item--active .timeline__content-title{margin:-50px 0 20px}@media only screen and (max-width:767px){.timeline-item{align-self:baseline!important;width:100%;padding:0 30px 150px 80px}.timeline-item:before{left:10px!important;padding:0!important;top:50px;text-align:center!important;width:60px;border:none!important}.timeline-item:last-child{padding-bottom:40px}}.timeline__img{max-width:100%;box-shadow:0 10px 15px rgba(0,0,0,.4)}.timeline-container{width:100%;position:relative;padding:80px 0;transition:.3s ease 0s;background-attachment:fixed;background-size:cover}.timeline-container:before{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(99,99,99,.8);content:""}.timeline-header{width:100%;text-align:center;margin-bottom:80px;position:relative}.timeline-header__title{color:#fff;font-size:46px;font-family:Cardo;font-weight:400;margin:0}.timeline-header__subtitle{color:rgba(255,255,255,.5);font-family:pathway gothic one,sans-serif;font-size:16px;letter-spacing:5px;margin:10px 0 0;font-weight:400}.demo-footer{padding:60px 0;text-align:center}.demo-footer a{color:#999;display:inline-block;font-family:Cardo}