@import"https://fonts.googleapis.com/css2?family=News+Cycle&family=Rubik:wght@400;600;700&family=Montserrat:wght@400;600;700&display=swap";body{background:#868686;overflow-x:hidden}main{background:#cfd8dc;overflow-x:hidden;display:initial}.fullpagex{display:none;position:fixed;top:0;left:0;bottom:0;right:0;transition:1s;background:#b0bec5}.fullpagex .mt-5{margin:0 auto;display:block;text-align:center}@media screen and (max-width: 766px){.fullpagex .mt-5{width:auto}}.ceks{transition:1s;display:block !important;z-index:200;overflow-y:auto}.closex{position:sticky;right:0;top:0;cursor:pointer;float:right;height:40px}.closex i{font-size:2.5rem}section{position:relative;z-index:10}section h2{text-align:left}.banner{position:relative}@media screen and (max-width: 766px){.banner{padding-top:24px}}@media screen and (max-width: 766px){.banner__title{position:absolute;left:16px;text-shadow:1px 1px #fff;font-weight:bold;top:40px;font-size:2.2rem;line-height:2.2rem}}.banner__pembukaan{position:absolute;left:16px;top:45%;width:52%;font-size:18px}.banner__pembukaan p{color:#393536}section{background:#f4eadd}section .image{width:100vw;height:100vh;position:relative}section .image img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 766px){section .image img{object-fit:cover}}section .image .wrapping{position:absolute;left:50%;top:50%;z-index:20;transform:translate(-50%, -50%)}@media screen and (max-width: 766px){section .image .wrapping{width:80vw}}section .image .wrapping .card{width:15vw;display:inline-block;padding:4px;margin:8px;position:relative;z-index:32}@media screen and (max-width: 766px){section .image .wrapping .card{width:12vh;margin:8px 0}}section .image .wrapping .card__img{width:100%}@media screen and (max-width: 766px){section .image .wrapping .card__img{height:120px}}section .image .wrapping .card__img img{width:100%;height:100%;object-fit:cover}section .image .wrapping .card__title{text-align:center;font-weight:bold}.datax{padding:16px;display:inline-block;width:45%;vertical-align:top;text-align:left}@media screen and (max-width: 766px){.datax{display:block;width:auto}}.datax__card{background:#fff;border-radius:16px}.datax__card h3{font-size:2rem;font-weight:bold}.datax__card p{font-size:1rem;line-height:1.2;color:#4a4a4a}@media screen and (max-width: 766px){.datax__card p{font-size:1rem;line-height:1.4}}.datax__card .image{height:300px;width:100%}@media screen and (min-width: 1990px){.datax__card .image{height:420px}}@media screen and (max-width: 766px){.datax__card .image{height:200px}}.datax__card .image img{width:100%;height:100%;border-radius:16px 16px 0 0;object-fit:cover}.datax__card .desc{padding:8px 12px;font-size:14px}.cek-bg{height:auto;width:520px;z-index:4;margin:0 auto;background:radial-gradient(circle, #b0bec5, #d5e1e6);position:relative;display:block}@media screen and (max-width: 766px){.cek-bg{width:auto}}.cek-bg .titlesx{position:absolute;top:6%;width:90%;left:16px}@media screen and (max-width: 766px){.cek-bg .titlesx{position:absolute;width:75%;left:16px}}.cek-bg .image{width:100%;height:auto;position:relative;top:-32px;left:0;right:0}@media screen and (max-width: 766px){.cek-bg .image{top:-14px;background-image:url("../img/test3.jpg")}}.cek-bg .image img{width:100%;height:100%;object-fit:contain}.cek-bg .pembukaan{position:relative;height:90vh;width:64%;padding:282px 16px 0}@media screen and (max-width: 766px){.cek-bg .pembukaan{width:70%;padding:216px 16px 0}}.cek-bg .trimester-1{position:absolute;top:130vh;padding:202px 16px}@media screen and (max-width: 766px){.cek-bg .trimester-1{padding:16px;top:16%}}@media screen and (min-width: 1800px){.cek-bg .trimester-1{top:75vh}}.cek-bg .trimester-2{height:100vh;padding:102px 16px}.gambar{width:46%;vertical-align:middle;display:inline-block}@media screen and (max-width: 766px){.gambar{width:33vw}}@media screen and (max-width: 360px){.gambar{width:36vw !important}}.gambar__image{height:220px}@media screen and (max-width: 766px){.gambar__image{height:auto}}.gambar__image img{width:100%;height:100%;object-fit:contain}.min-300{min-height:300px !important}@media screen and (max-width: 766px){.min-300{min-height:300px !important}}@media screen and (min-width: 1990px){.min-300{min-height:330px !important}}@media screen and (max-width: 366px){.min-300{min-height:200px !important}}.min-450{min-height:450px !important}@media screen and (max-width: 766px){.min-450{min-height:400px !important}}#nav.dark{background:rgba(84,110,122,.7) !important}.min-400{min-height:410px !important}@media screen and (max-width: 766px){.min-400{min-height:200px !important}}@media screen and (max-width: 366px){.min-400{min-height:200px !important}}.min-500{min-height:500px !important}@media screen and (max-width: 766px){.min-500{min-height:430px !important}}@media screen and (max-width: 366px){.min-500{min-height:200px !important}}@media screen and (max-width: 766px){.min-280{min-height:240px !important}}@media screen and (max-width: 366px){.min-280{min-height:200px !important}}.min-150{min-height:150px !important}@media screen and (max-width: 766px){.min-150{min-height:150px !important}}.wrap-test{display:block;min-height:auto}@media screen and (max-width: 766px){.wrap-test{min-height:auto}}.wrap-test ul{list-style-type:none;position:relative;top:-12px;padding:4px 16px;border-left:1.5px dashed}@media screen and (max-width: 766px){.wrap-test ul{padding:4px 0px 4px 16px}}.wrap-test ul li{margin:4px;position:relative;list-style-type:none;font-family:"Rubik";font-size:19px}@media screen and (max-width: 766px){.wrap-test ul li{font-size:16.5px}}.wrap-test ul li::before{content:"";position:absolute;left:-20px;width:16px;height:10px;top:12px;border-top:1.5px dashed}.w-70{display:inline-block;width:68%;vertical-align:middle}@media screen and (max-width: 360px){.w-70{width:57% !important}}@media screen and (max-width: 766px){.w-70{width:60%}}.bulan{display:block;width:fit-content;appearance:none;background-image:radial-gradient(100% 100% at 100% 0, #546e7a 0, #455a64 100%);border:0;border-radius:6px;box-shadow:rgba(96,125,139,.4) 0 2px 4px,rgba(96,125,139,.3) 0 7px 13px -3px,rgba(96,125,139,.5) 0 -3px 0 inset;box-sizing:border-box;color:#fff;cursor:pointer;padding-left:16px;padding-right:16px;position:relative;margin:8px 0;text-align:left;text-decoration:none;transition:box-shadow .15s,transform .15s;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform;font-size:18px}.bulan .click{display:inline-block;margin-left:4px;padding:4px}.bulan h2{margin:0;display:inline-block;padding:16px 0;font-size:24px;font-weight:600}@media screen and (max-width: 766px){.bulan h2{font-size:28px;padding:8px 0}}.bulan .imagexx{height:200px;width:auto}.bulan .imagexx img{width:100%;height:100%;object-fit:contain}.bulan:focus{box-shadow:#607d8b 0 0 0 1.5px inset,rgba(45,35,66,.4) 0 2px 4px,rgba(45,35,66,.3) 0 7px 13px -3px,#607d8b 0 -3px 0 inset}.bulan:hover{box-shadow:rgba(45,35,66,.4) 0 4px 8px,rgba(45,35,66,.3) 0 7px 13px -3px,#607d8b 0 -3px 0 inset;transform:translateY(-2px)}.bulan:active{box-shadow:#607d8b 0 3px 7px inset;transform:translateY(2px)}.btn-shine{color:#263238;font-family:"Rubik" !important;background:linear-gradient(to right, #112f3e 0, #e4e4e4 10%, #112f3e 20%);background-position:0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine_des 5s infinite linear;animation-fill-mode:forwards;-webkit-text-size-adjust:none;font-weight:600;text-decoration:none}.btn-shine h2{font-weight:600;font-size:2.5rem}.btn-shine h3{font-size:1.22rem}@media screen and (max-width: 766px){.btn-shine h3{font-size:.78rem}}.btn-shine h2,.btn-shine h3{font-family:"Rubik" !important}@media screen and (max-width: 766px){.btn-shine{animation:shine 5s infinite linear}}@keyframes shine{0%{background-position:0}60%{background-position:220px}100%{background-position:250px}}@keyframes shine_des{0%{background-position:0}60%{background-position:300px}100%{background-position:350px}}.credits{height:auto;width:520px;position:relative;top:-72px;margin:0 auto;display:block}@media screen and (max-width: 766px){.credits{width:auto;top:-42px}}.credits .all{padding:46px 0 0}.credits td,.credits tr{border-collapse:collapse}.credits tr:nth-child(odd) td{color:#7c8d95}.credits td{color:#d9e0e4}.credits .goyang{transform:rotate(-10deg)}.credits .table-responsive{padding:32px 16px 8px}.credits .clapper{background-color:#263238;width:100%;margin:24px 0;position:relative}.credits .clapper>.c{background:repeating-linear-gradient(135deg, #263238 0%, #263238 10%, #fff 10%, #fff 20%);height:10px;width:100%;position:absolute;left:-5px;top:0}.credits .clapper>.c:nth-of-type(1){background:repeating-linear-gradient(-135deg, #fff 0%, #fff 10%, #263238 10%, #263238 20%);top:-10px}.credits .clapper>.c:nth-of-type(1){animation-name:open;transition:.3s;transform-origin:left;animation-duration:.25s;animation-timing-function:ease-out;animation-delay:1s;animation-iteration-count:2;animation-direction:alternate}@keyframes buka{to{transform:rotate(-30deg)}}@keyframes open{to{transform:rotate(-80deg)}}.moveup{animation:moving .5s linear infinite;position:relative}@keyframes moving{0%,100%{top:4px}50%{top:12px}}.haha{position:fixed;left:0;right:0;z-index:1;top:0;bottom:0;width:100%;height:100%;opacity:.3}.haha img{width:100%;height:100%;object-fit:cover}#play-button{position:relative;z-index:9}#play-button .teks{position:absolute;right:24px;top:-16px;font-style:italic;font-weight:bold;background:rgba(255,255,255,.5)}@media screen and (max-width: 766px){#play-button .teks{display:none}}.play-button{width:36px;height:36px;background:#fff;margin:8px;cursor:pointer;padding:0px;border-radius:50%;text-align:center;position:absolute;right:0;z-index:999}@media screen and (max-width: 766px){.play-button{top:20vh;left:8px}}.play-button i{font-size:36px;transition:.3s}.play-button i:hover,.play-button i:focus,.play-button i:active{color:#2b88b4}audio{display:none}.box-infox{position:sticky;top:55px;left:0;font-size:13px;font-weight:bold;width:300px;z-index:99;background:#fff59d;padding:5px}@media screen and (max-width: 766px){.box-infox{font-size:10px;padding:4px;width:60%}}@media screen and (max-width: 360px){.box-infox{font-size:9px !important}}.box-infox .tutup{cursor:pointer;position:absolute;right:8px;top:2px;transition:.3s}.box-infox .tutup:hover{color:#455a64}@media screen and (max-width: 766px){.box-infox .tutup{top:1px}}.box-infox .tutup i{font-size:26px}@media screen and (max-width: 766px){.box-infox .tutup i{font-size:20px}}/*# sourceMappingURL=style.css.map */