*,*:after,*:before{box-sizing:border-box}body{font-family:'Chewy',cursive;min-height:100vh;color:#57585c;color:var(--color-text);background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none}.demo-1{--color-text:#fff;--color-link:#5f5f5f;--color-link-hover:#ff963b;--color-enter:#fff;--color-title:#fff;--color-subtitle:#5f5f5f;--color-menu-item:#000;--color-menu-item-hover:#ff963b;--color-menu-item-hover-alt:#8544da;--color-content:#0072ff;--color-content-fixed:#ddd;--font-alt:200 6vw/1 'Chewy',cursive;--color-next:#5f5f5f;--color-next-hover:#8544da}.hidden{position:absolute;overflow:hidden;width:0;height:0;pointer-events:none}.icon{display:block;width:1.5em;height:1.5em;margin:0 auto;fill:currentColor}.icon--arrow-right{transform:scale3d(-1,-1,1);display:inline-block;vertical-align:middle;margin-left:.5em}.frame{position:absolute;z-index:10000;top:0;left:0;display:grid;align-content:space-between;width:100%;max-width:none;height:100vh;padding:1.5em;pointer-events:none;grid-template-columns:50% 50%;grid-template-rows:auto auto 4em;grid-template-areas:'header ...' '... ...' 'github demos'}.frame a{pointer-events:auto}.codrops-header{position:relative;z-index:100;display:flex;flex-direction:row;align-items:flex-start;align-items:center;align-self:start;grid-area:header;justify-self:start}.codrops-header__title{font-size:1em;font-weight:400;margin:0;padding:.75em 0}.info{margin:0 0 0 1.25em;font-style:italic;color:var(--color-link)}.demos{position:relative;display:block;align-self:end;text-align:center;grid-area:demos;display:block;justify-self:end}.demo{padding:0 .15em}.demo:not(:last-child){margin-right:1em}.demo span{white-space:nowrap;pointer-events:none}a.demo--current{pointer-events:none;color:var(--color-text)}.codrops-links{position:relative;display:flex;justify-content:center;margin:0 1em 0 0;text-align:center;white-space:nowrap}.codrops-icon{display:inline-block;margin:.15em;padding:.25em}main{height:100vh;width:100%;overflow:hidden;position:relative}.content{width:100%;height:100vh;position:relative}.content--intro{z-index:100;height:200vh}.content--fixed{position:fixed;top:0;left:0;background-color:var(--color-content-fixed);background-position:50% 50%;background-size:cover}.demo-1 .content--fixed{background-image:url(//tksoebonomantofani.sch.id/wp-content/themes/blocksy-child/HALL_OF_FAME/ASSETS/webinar_kesehatan/css/../img/bgx.jpg)}.demo-2 .content--fixed{background-image:url(//tksoebonomantofani.sch.id/wp-content/themes/blocksy-child/HALL_OF_FAME/ASSETS/webinar_kesehatan/css/../img/bg2.jpg)}.demo-3 .content--fixed{background-image:url(//tksoebonomantofani.sch.id/wp-content/themes/blocksy-child/HALL_OF_FAME/ASSETS/webinar_kesehatan/css/../img/bg3.jpg)}.demo-4 .content--fixed{background-image:url(//tksoebonomantofani.sch.id/wp-content/themes/blocksy-child/HALL_OF_FAME/ASSETS/webinar_kesehatan/css/../img/bg4.jpg)}.content__inner{width:100%;height:100vh;position:relative;text-align:center;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center}.content--intro .content__inner{background:var(--color-content)}.content h2{margin:0}.shape-wrap{position:relative;z-index:10;margin:-5px 0 0}.shape{height:100vh;width:100%;display:block;fill:var(--color-content)}.content__title{font:var(--font-alt);color:var(--color-title);margin:0;line-height:1}.content__title--filled{background:var(--color-content);padding:.25em .5em}.content__title span{display:inline-block}.content__subtitle{font:var(--font-alt);font-size:1.5em;color:var(--color-title);padding:.5em 0 0;margin:0}.enter,.explore{margin:6vh 0 0;font-size:1em;letter-spacing:3px;cursor:pointer;font-weight:700;white-space:pre;color:var(--color-enter);pointer-events:auto}.enter:hover,.enter:focus{color:var(--color-enter)}.enter span{display:inline-block}.explore{background:var(--color-subtitle);color:var(--color-title);padding:.5em 1em}.explore:hover,.explore:focus{background:var(--color-text)}.menu{display:inline-block;justify-content:center;flex-wrap:wrap;text-align:justify;position:absolute;right:0}.menu__item{font:var(--font-alt);font-size:2vw;color:var(--color-menu-item);margin:0 5em;position:relative;line-height:1}.menu__item:hover,.menu__item:focus{color:var(--color-menu-item-hover)}.menu__item:nth-child(2):hover{color:var(--color-menu-item-hover-alt)}.demo-2 .menu__item{pointer-events:none;padding:3em}.demo-2 .menu__item span{pointer-events:auto}.content__text{font-size:1.85em;max-width:800px;text-align:left}.content__text a{color:var(--color-menu-item)}.content__text a:hover,.content__text a:focus{color:var(--color-menu-item-hover)}.next-demo{position:absolute;bottom:0;right:0;margin:1.5em 2em;font-weight:700;color:#fff}.next-demo:hover,.next-demo:focus{color:var(--color-next-hover)}@media screen and (max-width:50em){.frame{z-index:1000;display:block;padding:.85em 0}.demos{font-size:.85em;padding:0 .25em}.codrops-header{flex-direction:column;align-items:center;padding-top:5em}.codrops-header__title{font-weight:700;padding-bottom:.25em;text-align:center}.github{display:none}.codrops-links{margin:0}.content--intro .content__inner,.demo-4 .content__inner{padding-top:12em}.content__title{font-size:2em}.demo{padding:0;margin:0}.menu__item{margin:.5em 0;font-size:1.5em}.content__text{padding:1em;font-size:1em}.next-demo{position:relative}}@media screen and (max-width:50em){.menu{display:block;justify-content:center;flex-wrap:wrap;text-align:left;bottom:70px;line-height:30px;left:0}.next-demo{position:fixed}.menu__item{margin:0 1em;height:50px;color:#fff}.demo-1 .content--fixed{background-image:url(//tksoebonomantofani.sch.id/wp-content/themes/blocksy-child/HALL_OF_FAME/ASSETS/webinar_kesehatan/css/../img/bgx_mobile.jpg)}}