@font-face{font-family:'codropsicons';font-weight:400;font-style:normal;src:url(//tksoebonomantofani.sch.id/wp-content/themes/blocksy-child/HALL_OF_FAME/ASSETS/2021_persiapan_ptm/css/../fonts/codropsicons/codropsicons.eot);src:url(//tksoebonomantofani.sch.id/wp-content/themes/blocksy-child/HALL_OF_FAME/ASSETS/2021_persiapan_ptm/css/../fonts/codropsicons/codropsicons.eot?#iefix) format('embedded-opentype'),url(//tksoebonomantofani.sch.id/wp-content/themes/blocksy-child/HALL_OF_FAME/ASSETS/2021_persiapan_ptm/css/../fonts/codropsicons/codropsicons.woff) format('woff'),url(//tksoebonomantofani.sch.id/wp-content/themes/blocksy-child/HALL_OF_FAME/ASSETS/2021_persiapan_ptm/css/../fonts/codropsicons/codropsicons.ttf) format('truetype'),url(//tksoebonomantofani.sch.id/wp-content/themes/blocksy-child/HALL_OF_FAME/ASSETS/2021_persiapan_ptm/css/../fonts/codropsicons/codropsicons.svg#codropsicons) format('svg')}*,*:after,*:before{-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:'Chewy';color:#fff;background:#333 url(//tksoebonomantofani.sch.id/wp-content/themes/blocksy-child/HALL_OF_FAME/ASSETS/2021_persiapan_ptm/css/../media/bg.jpg) no-repeat center center;background-size:cover;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:#d9ecc9;outline:none}a:hover,a:focus{color:#fff}.container{width:100vw;height:100vh;border:10px solid #fff;position:relative;display:-webkit-flex;display:flex;overflow:hidden;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center}.codrops-links{position:relative;display:inline-block;text-align:center;white-space:nowrap}.codrops-links:after{content:'';position:absolute;top:0;left:50%;width:2px;height:100%;margin-left:-1px;background:#ddd;-webkit-transform:rotate3d(0,0,1,22.5deg);transform:rotate3d(0,0,1,22.5deg)}.codrops-icon{display:inline-block;width:1.5em;margin:.5em;padding:0;text-decoration:none}.codrops-icon span{display:none}.codrops-icon:before{font-family:'codropsicons';font-weight:400;font-style:normal;font-variant:normal;line-height:1;margin:0 5px;text-transform:none;-webkit-font-smoothing:antialiased;speak:none}.codrops-icon--drop:before{content:'\e001'}.codrops-icon--prev:before{content:'\e004'}.deco-stack{width:100%;margin:1em 0;text-align:center;white-space:nowrap}.deco-stack__img{min-width:200px;max-width:50%;min-height:200px;max-height:100%;margin:0 -60px;border:10px solid #fff;outline:1px solid transparent;box-shadow:0 0 10px rgba(0,0,0,.3);background:#aaa;border-radius:20%}.deco-stack__img--rotation-1{-webkit-transform:rotate3d(0,0,1,-8deg);transform:rotate3d(0,0,1,-8deg)}.deco-stack__img--rotation-2{-webkit-transform:rotate3d(0,0,1,-1deg);transform:rotate3d(0,0,1,-1deg)}.deco-stack__img--rotation-3{-webkit-transform:rotate3d(0,0,1,9deg);transform:rotate3d(0,0,1,9deg)}.video-wrap{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;pointer-events:none;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.video-wrap--show{pointer-events:auto}.video-inner{position:relative;overflow:hidden;width:100%;height:100%;margin:0 auto;opacity:0;background:#000}.video-wrap--show .video-inner{opacity:1}.video-player{position:absolute;top:50%;width:100%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.content{position:relative}.loader{font-size:2.5em;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.video-loaded .loader{opacity:0;pointer-events:none;-webkit-transition:opacity .3s;transition:opacity .3s}.action{font-family:'Avenir Next','Helvetica Neue','Lato','Segoe UI',Helvetica,Arial,sans-serif;font-size:1.15em;font-weight:700;position:relative;overflow:hidden;margin:0;padding:1em 2em;color:#fff;border:2px solid;border-radius:40px;background:0 0;-webkit-flex:none;flex:none}.action:focus{outline:none}.action__label{display:inline-block;margin:0 0 0 .75em}.action__label--hidden{position:absolute;top:200%}.action--play{display:block;margin:1em auto;opacity:0;pointer-events:none;-webkit-transition:opacity .3s .1s;transition:opacity .3s .1s}.video-loaded .action--play{opacity:1;pointer-events:auto}.action--close{line-height:1;position:absolute;z-index:1000;top:30px;right:30px;width:60px;height:60px;padding:0;opacity:0;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transform:scale3d(.7,.7,1);transform:scale3d(.7,.7,1)}.video-wrap--show .action--close{opacity:1;-webkit-transition-delay:1.2s;transition-delay:1.2s;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}@media screen and (min-width:25em){.deco-stack__img{width:20vw;height:20vw}.video-inner{width:30vw;height:30vw;border:20px solid #fff;-webkit-transform:scale3d(.1,.1,1) rotate3d(0,0,1,-5deg);transform:scale3d(.1,.1,1) rotate3d(0,0,1,-5deg)}.video-wrap--show .video-inner{opacity:0;-webkit-animation:showVideo-1 1.25s forwards;animation:showVideo-1 1.25s forwards}.video-wrap--hide .video-inner{-webkit-animation:hideVideo 1.25s forwards;animation:hideVideo 1.25s forwards}.video-player{left:50%;width:auto;height:100vh;-webkit-transition:-webkit-transform 1s;transition:transform 1s;-webkit-transform:translate3d(-50%,-50%,0) scale3d(.7,.7,1) rotate3d(0,0,1,5deg);transform:translate3d(-50%,-50%,0) scale3d(.7,.7,1) rotate3d(0,0,1,5deg)}.video-wrap--show .video-player,.video-wrap--hide .video-player{-webkit-transform:translate3d(-50%,-50%,0) scale3d(1,1,1);transform:translate3d(-50%,-50%,0) scale3d(1,1,1)}}@media screen and (min-width:25em) and (min-aspect-ratio:1280/720){.deco-stack__img{width:20vh;height:20vh}.video-inner{width:30vh;height:30vh}.video-wrap--show .video-inner{-webkit-animation:showVideo-2 1.25s forwards;animation:showVideo-2 1.25s forwards}.video-player{width:100vw;height:auto}}@-webkit-keyframes showVideo-1{50%{width:50vw;height:50vw;opacity:1;-webkit-transform:scale3d(.5,.5,1) rotate3d(0,0,1,-5deg);transform:scale3d(.5,.5,1) rotate3d(0,0,1,-5deg)}100%{width:100vw;height:100vh;opacity:1;-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);transform:scale3d(1,1,1) rotate3d(0,0,1,0deg)}}@keyframes showVideo-1{50%{width:50vw;height:50vw;opacity:1;-webkit-transform:scale3d(.5,.5,1) rotate3d(0,0,1,-5deg);transform:scale3d(.5,.5,1) rotate3d(0,0,1,-5deg)}100%{width:100vw;height:100vh;opacity:1;-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);transform:scale3d(1,1,1) rotate3d(0,0,1,0deg)}}@-webkit-keyframes showVideo-2{50%{width:50vh;height:50vh;opacity:1;-webkit-transform:scale3d(.5,.5,1) rotate3d(0,0,1,-5deg);transform:scale3d(.5,.5,1) rotate3d(0,0,1,-5deg)}100%{width:100vw;height:100vh;opacity:1;-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);transform:scale3d(1,1,1) rotate3d(0,0,1,0deg)}}@keyframes showVideo-2{50%{width:50vh;height:50vh;opacity:1;-webkit-transform:scale3d(.5,.5,1) rotate3d(0,0,1,-5deg);transform:scale3d(.5,.5,1) rotate3d(0,0,1,-5deg)}100%{width:100vw;height:100vh;opacity:1;-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);transform:scale3d(1,1,1) rotate3d(0,0,1,0deg)}}@-webkit-keyframes hideVideo{0%{width:100vw;height:100vh;opacity:1;-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);transform:scale3d(1,1,1) rotate3d(0,0,1,0deg)}100%{width:100vw;height:100vh;opacity:0;-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);transform:scale3d(1,1,1) rotate3d(0,0,1,0deg)}}@keyframes hideVideo{0%{width:100vw;height:100vh;opacity:1;-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);transform:scale3d(1,1,1) rotate3d(0,0,1,0deg)}100%{width:100vw;height:100vh;opacity:0;-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);transform:scale3d(1,1,1) rotate3d(0,0,1,0deg)}}.codrops-header{padding:2em 1em 0;text-align:center}.codrops-header h1{font-size:3em;font-weight:400;line-height:1;margin:.5em 0 0;letter-spacing:-1px}.codrops-header h1 span{font-size:.65em;display:block;padding:.5em 0 1em}@media screen and (max-width:40em){.codrops-header h1{font-size:1.8em}}.logo{margin:auto;width:68px;height:68px}