.container_loader{position:fixed;display:flex;justify-content:center;align-items:center;z-index:2000;background-color:black;height:100%;width:100%}.loader{height:100%;width:100%;position:fixed;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;flex-direction:row}.container_loader .ring{position:fixed;width:150px;height:150px;margin:-30px;border-radius:50%;border-top:4px solid silver;animation:animate 4s linear infinite}@keyframes animate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.container_loader .ring::before{content:'';position:absolute;top:12px;right:12px;border-radius:50%;width:15px;height:15px;background:silver;box-shadow:0 0 0 5px #c0c0c033,0 0 0 10px #c0c0c022,0 0 0 20px #c0c0c011,0 0 20px #c0c0c0,0 0 50px silver}.container_loader .ring:nth-child(2){animation:animate2 4s linear infinite;animation-delay:-1s;border-left:4px solid orange}.container_loader .ring:nth-child(2)::before{content:'';position:absolute;top:initial;bottom:12px;left:12px;border-radius:50%;width:15px;height:15px;background:orange;box-shadow:0 0 0 5px #ffa50033,0 0 0 10px #ffa50022,0 0 0 20px #ffa50011,0 0 20px #ffa500,0 0 50px orange}@keyframes animate2{0%{transform:rotate(360deg)}100%{transform:rotate(0)}}.container_loader .ring:nth-child(3){animation:animate2 4s linear infinite;animation-delay:-3s;position:absolute;top:-66.66px;border-left:4px solid #e41cf8}.container_loader .ring:nth-child(3)::before{content:'';position:absolute;top:initial;bottom:12px;left:12px;border-radius:50%;width:15px;height:15px;background:#e41cf8;box-shadow:0 0 0 5px #e41cf833,0 0 0 10px #e41cf822,0 0 0 20px #e41cf811,0 0 20px #e41cf8,0 0 50px #e41cf8}.container_loader p{position:absolute;color:#fff;font-size:1.5em;letter-spacing:.15em}body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision !important;overflow-x:hidden;cursor:grabbing !important}::selection{background-color:#434656;color:orange}@font-face{font-family:'qualy';src:url('/font/qualy.ttf') format('truetype');font-display:swap}@font-face{font-family:'suiGeneris';src:url('/font/suiGeneris.otf') format('truetype');font-display:swap}@font-face{font-family:'lemon';src:url('/font/lemon.otf') format('truetype');font-display:swap}@font-face{font-family:'unicons';src:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/unicons.woff2') format('woff2')}.menu-link:hover{color:orange;overflow:hidden}.main-navigation-toggle{position:fixed;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.main-navigation-toggle+label{position:sticky;cursor:pointer;z-index:2}.icon--menu-toggle{top:0;display:flex;align-items:center;justify-content:center;width:25px;height:25px;stroke-width:6}.icon-group{transform:translateX(0);transition:transform .5s cubic-bezier(0.215,0.61,0.355,1)}.icon--menu{stroke:white}.icon--close{stroke:orange;transform:translateX(-100%)}.main-navigation{position:fixed;top:0;left:0;display:flex;align-items:center;width:100%;height:100%;transform:translateX(-100%);transition:transform .5s}.main-navigation:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,0.15) 0,rgba(0,0,0,0.15) 100%),radial-gradient(at top center,rgba(255,255,255,0.40) 0,rgba(0,0,0,0.40) 120%) #989898;background-blend-mode:multiply,multiply;transform-origin:0 50%;z-index:-1}.main-navigation ul{font-size:8vmin;width:100%}.main-navigation li{display:flex;align-items:center;position:relative;overflow:hidden}.main-navigation li:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1vmin;background-color:white;transform-origin:0 50%;transform:translateX(-100%) skew(15deg)}.main-navigation a{display:inline-block;text-align:left;color:white;text-shadow:2px 2px 4px #000;line-height:1;text-decoration:none;padding:1rem calc(1rem * 2) calc(1rem + 1vmin / 2);transform:translateY(100%)}.main-navigation-toggle:checked ~ label .icon--menu-toggle .icon-group{transform:translateX(100%)}.main-navigation-toggle:checked ~ .main-content{transform:translateX(10%)}.main-navigation-toggle:checked ~ .main-navigation{transition-duration:0s;transform:translateX(0)}.main-navigation-toggle:checked ~ .main-navigation:after{animation:nav-bg .5s cubic-bezier(0.215,0.61,0.355,1) forwards}.main-navigation-toggle:checked ~ .main-navigation li:after{animation:nav-line 1.5s cubic-bezier(0.215,0.61,0.355,1) forwards}.main-navigation-toggle:checked ~ .main-navigation a{animation:link-appear calc(1s * 1.5) cubic-bezier(0.215, 0.61, 0.355, 1) forwards}.main-navigation-toggle:checked ~ .main-navigation li:nth-child(1):after,.main-navigation-toggle:checked ~ .main-navigation li:nth-child(1) a{animation-delay:calc((1s / 2) * 1 * 0.125)}.main-navigation-toggle:checked ~ .main-navigation li:nth-child(2):after,.main-navigation-toggle:checked ~ .main-navigation li:nth-child(2) a{animation-delay:calc((1s / 2) * 2 * 0.125)}.main-navigation-toggle:checked ~ .main-navigation li:nth-child(3):after,.main-navigation-toggle:checked ~ .main-navigation li:nth-child(3) a{animation-delay:calc((1s / 2) * 3 * 0.125)}.main-navigation-toggle:checked ~ .main-navigation li:nth-child(4):after,.main-navigation-toggle:checked ~ .main-navigation li:nth-child(4) a{animation-delay:calc((1s / 2) * 4 * 0.125)}@keyframes nav-bg{from{transform:translateX(-100%) skewX(-15deg)}to{transform:translateX(0)}}@keyframes nav-line{0{transform:scaleX(0);transform-origin:0 50%}35%{transform:scaleX(1.001);transform-origin:0 50%}65%{transform:scaleX(1.001);transform-origin:100% 50%}100%{transform:scaleX(0);transform-origin:100% 50%}}@keyframes link-appear{0%,25%{transform:translateY(100%)}50%,100%{transform:translateY(0)}}#header{top:0;left:0;background:linear-gradient(60deg,#434656 70%,#282a35 30%);border-bottom:2px solid #fff}#header.show{top:0;left:0;background:linear-gradient(60deg,#434656 70%,#282a35 30%);border-bottom:2px solid #fff;transition:all .5s cubic-bezier(0.17,0.84,0.44,1)}#header.hide{top:-10%;transition:all .5s cubic-bezier(0.17,0.84,0.44,1)}#percentage-value{position:fixed;bottom:50%;left:2px;color:#fffcfc;text-align:center;background-color:#000;width:100px;font-size:1em;border-radius:5%;z-index:50;font-family:'qualy',sans-serif;font-weight:bold;transform:rotate(90deg);transform-origin:left bottom;opacity:1;transition:opacity .3s ease}@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.logo{color:#fff;font-size:1.2rem;text-transform:uppercase;text-decoration:none;font-family:'lemon',sans-serif;letter-spacing:1px}.logo2{color:orange;font-style:italic}.home__img{background-color:transparent;min-width:150px;width:200px;z-index:0}#regroup-profile{display:block;padding-top:20%;z-index:90}.imggroup{z-index:120}.lead{font-size:25px;color:#fff;text-shadow:2px 2px 4px #000}img{max-width:100%}.wrapper{margin:0 auto}.scene{position:absolute;height:100vh;top:0;left:0;right:0}.scene--active{position:fixed}.scene--ended{position:absolute;bottom:0;top:auto}.horizontal-scroll-section{position:relative;min-height:100vh;opacity:0;transition:.2s opacity}.horizontal-scroll-section--init{opacity:1}.horizontal-scroll-section__content{display:flex;align-items:center}.horizontal-scroll-section__content-wrapper{display:flex;height:100%;align-items:center;position:relative}.horizontal-scroll-section__content-section{position:relative;min-width:100vw;height:100%;display:flex;padding-top:3.5rem;justify-content:space-around;overflow:hidden}.horizontal-scroll-section__content-section_responsive{position:relative;min-width:50vw;height:100%;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;flex-direction:column;overflow:hidden}#space_container{height:100vh;margin:0}.hide_home{transition:opacity .2s ease}.text3d{color:#c3c3c3;text-shadow:0 1px 0 #2e2e2e,0 2px 0 #2c2c2c,0 3px 0 #2a2a2a,0 4px 0 #282828,0 5px 0 #262626,0 6px 0 #242424,0 7px 0 #222,0 8px 0 #202020,0 9px 0 #1e1e1e,0 10px 0 #1c1c1c,0 11px 0 #1a1a1a,0 12px 0 #181818,0 13px 0 #161616,0 14px 0 #141414,0 15px 0 #121212}.text3d::before{content:"";width:50%;height:750px;position:absolute;top:-200px;left:0;transform:rotate(55deg);background:rgba(205,160,77,0.7);background:-moz-linear-gradient(left,rgba(205,160,77,0.7) 0,rgba(42,31,25,0) 65%);background:-webkit-gradient(left top,right top,color-stop(0,rgba(205,160,77,0.7)),color-stop(65%,rgba(42,31,25,0)));background:-webkit-linear-gradient(left,rgba(205,160,77,0.7) 0,rgba(42,31,25,0) 65%);background:-o-linear-gradient(left,rgba(205,160,77,0.7) 0,rgba(42,31,25,0) 65%);background:-ms-linear-gradient(left,rgba(205,160,77,0.7) 0,rgba(42,31,25,0) 65%);background:linear-gradient(to right,rgba(205,160,77,0.7) 0,rgba(42,31,25,0) 65%);animation:blink 2s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.basicmoon{position:absolute;right:2vw;top:0;width:50%;z-index:1}.moon{position:absolute;right:16vw;top:14vw;width:22%;z-index:2}.star{position:absolute;right:8vw;top:8vw;width:40%;z-index:1}.cloud1{position:absolute;right:4vw;top:5vw;width:28%;z-index:3}.cloud2{position:absolute;right:1vw;top:9vw;width:30%;z-index:-1;filter:blur(4px)}.cloud3{position:absolute;left:1vw;top:30vw;width:25%;z-index:-1;filter:blur(4px)}.cloud4{position:absolute;right:24vw;top:30vw;width:15%;transform:scale(1.6) rotateY(180deg);z-index:2;filter:blur(4px)}div.container_card_profile{padding-top:30vh;display:flex;align-items:center;justify-content:center;z-index:100}div.card_profile{width:280px;border-radius:20px;background-color:#86868657;z-index:1}div.card_profile div.card_profile-img-container{overflow:hidden;position:relative;border-radius:10px;filter:saturate(0);transition:filter 1s ease}div.card_profile div.card_profile-img-container:hover{filter:saturate(120%)}div.card_profile .card_profile-img{transition:.9s ease all;display:flex;flex-direction:column;justify-content:space-between;background-repeat:no-repeat;background-position:center;background-size:100%;height:300px;width:280px}div.card_profile .card_profile-img span{font-weight:700;font-size:14px;position:relative}div.card_profile .card_profile-img h1{font-weight:normal;font-size:36px;margin:0;position:relative}div.card_profile div.card_profile-body{display:flex;flex-direction:column;justify-content:space-between;text-align:center;z-index:4}div.card_profile div.card_profile-body p{color:black;margin:0;font-weight:400;line-height:24px;border-radius:20px;background-color:#fffcfc}div.card_profile div.card_profile-body p>b{display:block;margin-top:20px}div.card_profile div.card_profile-body div.card_profile-link a{-webkit-font-smoothing:antialiased;display:block;text-decoration:none;text-transform:uppercase;color:#2d58c4;font-weight:bold;font-size:12px}div.card_profile div.card_profile-body div.card_profile-link a:hover{color:#1a3371}.card_profile-img-container:hover .card_profile-img{background-size:125%}#opening{padding-top:10px;padding-left:10px;padding-right:10px;padding-bottom:5px;font-family:"lemon",sans-serif;text-transform:uppercase;font-size:1rem;color:#333;text-shadow:10px orange}#opening.show{color:#fffcfc}#orb_space.show{display:none}.blur-onleave{transition:filter .3s ease}#text_welcome{position:absolute;left:6vw;top:0;font-size:22vw;font-family:"suiGeneris",sans-serif;letter-spacing:10px;word-spacing:0;font-style:italic}#text_welcome2{position:absolute;right:6vw;top:20vw;font-size:22vw;font-family:"suiGeneris",sans-serif;letter-spacing:10px;word-spacing:0;font-style:italic}.font_responsive{font-weight:400;font-size:1.65rem;text-align:justify;font-family:'Neue Haas Grotesk Text Pro',sans-serif;color:#000c4e;padding-left:20px;padding-right:20px}#about{padding-left:10px;padding-right:10px}.container_about_blur{transform:scale(1);filter:blur(0) saturate(1);transition:all .5s ease}.blur_about{transform:scale(0.9);filter:blur(4px) saturate(0)}.colstyle{font-size:5rem;font-family:'qualy',sans-serif;font-weight:bold;overflow:visible}.colstyle-number{font-size:40px;font-weight:bold}.title-about{color:black;margin-left:-11.5%;padding-top:10px}.title-about-number{color:orange;font-weight:bold}.title-about-number::before{background-color:black;content:"";display:inline-block;height:2px;position:relative;vertical-align:middle;width:15%}.caption_gallery{padding-right:45px}.grid{display:grid;gap:1.5rem}.gallery__container{row-gap:2.5rem;justify-content:center;justify-items:center;position:center}.gallery__img{position:absolute;padding-bottom:2rem;padding-right:20px}.gallery__overlay:nth-child(1){width:75%;border-left:solid 5px orange;border-top:solid 5px orange}.gallery__overlay:nth-child(2){width:15vw;position:absolute;bottom:1rem;right:1rem;border-bottom:solid 5px orange;border-right:solid 5px orange}.reveal_about{color:black;font-family:'qualy',sans-serif;font-size:5vw;-webkit-background-clip:text;color:black;background-size:200% 100%;padding:20px;border-radius:10px;overflow:visible}.video_horizontal{width:700px;height:500px}.video_vertical{width:400px;height:500px}.marquee-kekanan{position:absolute;bottom:15rem}.marquee-kekiri{position:absolute;bottom:0}.track{display:flex}.marquee-text-kanan{color:#c6c6c44a;flex-shrink:0;text-transform:uppercase;font-size:20vw;animation:marquee-kanan 4000s step-end infinite}.marquee-text-kiri{color:#c6c6c44a;flex-shrink:0;text-transform:uppercase;font-size:20vw;animation:marquee 4000s step-end infinite}@keyframes marquee-kanan{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes marquee-kiri{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}#skills{background:#e6eaee;padding-top:5%;padding-left:20px;padding-right:20px;padding-bottom:15%;transform:scale(1)}#container_skills_blur{transform-origin:center center;transition:all .5s ease}.blur_skills{transform:scale(0.9);filter:blur(4px) saturate(0)}.title-skills{color:#000c4e;margin-left:-7.5%}.title-skills-number{color:orange;font-weight:bold}.title-skills-number::before{background-color:#000c4e;content:"";display:inline-block;height:2px;position:relative;vertical-align:middle;width:15%}.skills{display:grid;grid-gap:10px;grid-template-columns:repeat(2,1fr)}.ProgWidth{padding:0 20px}.skillDiv{height:10px;width:100%;background-color:gray}.skillBar{display:block;height:10px;background-color:orange}.appBar{display:block;height:10px;background-color:#371af7}.p{display:flex;justify-content:space-between;color:black}.htmlcssBar{width:80%}.phpBar{width:70%}.javascriptBar{width:75%}.kotlinBar{width:60%}.ccpBar{width:70%}.sqlBar{width:65%}.sonyvegasBar{width:80%}.flstudioBar{width:60%}.lightroomBar{width:80%}.picsaypicsartBar{width:80%}.skill_name{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;text-align:left}.logo_skill{width:20%}#project{background:#e6eaee;padding-left:10px;padding-right:10px;padding-bottom:15%;transform:scale(1)}.project{padding-left:20px;padding-right:20px}.container_project_blur{transform-origin:center center;transition:all .5s ease}.blur_project{filter:blur(4px) saturate(0);transform:scale(0.9)}.title-project{color:#000c4e;margin-left:-8.5%}.title-project-number{color:orange;font-weight:bold}.title-project-number::before{background-color:#000c4e;content:"";display:inline-block;height:2px;position:relative;vertical-align:middle;width:15%}.swiper-container{position:relative}.swiper{width:100%;padding:0 0 95px 0}.swiper-slide{width:10rem;height:22rem;display:flex;flex-direction:column;align-items:self-start;position:relative;border-radius:5px;box-shadow:-1px 5px 15px #0000001f}.swiper-slide h6{color:#fff;position:relative}.swiper-slide p{color:#fff;font-size:.8rem}.swiper-slide .slide-content{position:absolute;top:45%;left:50%;transform:translate(-50%,-45%);width:90%}.swiper-slide .author{grid-template-columns:1fr;justify-items:center;position:absolute;bottom:-90px;width:100%;display:none;opacity:0}.swiper-slide span{color:#111;display:block;margin:5px 0 10px 0;font-size:.9rem}.swiper-slide img{object-fit:cover;border-radius:5%;border:1px solid white}.swiper-slide ul{display:flex;align-items:center}.swiper-slide ul li svg{width:20px;color:orange}.swiper-slide-active{display:grid;opacity:1}.swiper-slide--one{background:#52a4f7;background:-webkit-linear-gradient(to bottom,#021b79,#66b1fd);background:linear-gradient(to bottom,#021b79,#0575e6)}.swiper-slide--two{background:#23074d;background:-webkit-linear-gradient(to bottom,#cc5333,#23074d);background:linear-gradient(to bottom,#cc5333,#23074d)}.swiper-button-prev{background:orange;border-radius:50%;top:85%;width:50px;height:50px;box-shadow:0 2px 11px rgba(0,0,0,0.17)}.swiper-button-prev::after{font-size:1.4rem;content:""}.swiper-button-prev svg{width:25px}.swiper-button-next{background:orange;border-radius:50%;top:85%;width:50px;height:50px;box-shadow:0 2px 11px rgba(0,0,0,0.17)}.swiper-button-next::after{font-size:1.4rem;content:""}.swiper-button-next svg{width:25px}.btn_visit{display:flex;justify-content:center;align-items:center}.container_gallery_blur{transform-origin:center center;transform:scale(1);transition:all .5s ease;padding-left:20px;padding-right:20px}.blur_gallery{filter:blur(4px) saturate(0);transform:scale(0.9)}.title-gallery_project{color:black;margin-left:-9.5%}.title-gallery_project-number{color:orange;font-weight:bold}.title-gallery_project-number::before{background-color:black;content:"";display:inline-block;height:2px;position:relative;vertical-align:middle;width:15%}.text_scroll_down{padding-top:150px;display:flex;width:100%;justify-content:center;color:orange;font-family:'qualy',sans-serif}.container_icon_scrolldown{height:120px;width:50px;margin:50px auto 0;position:relative}.circle_icon_scrolldown{background-color:#e6eaee;height:120px;width:50px;display:block;border:5px solid orange;left:0;border-radius:100px;position:absolute;bottom:0;z-index:1;animation-name:circle;animation-duration:1s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-play-state:running;-webkit-animation-name:circle;-webkit-animation-duration:2s;-webkit-animation-timing-function:linear;-webkit-animation-delay:0s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:normal;-webkit-animation-play-state:running}.fa{font-size:45px;color:orange;bottom:27px;position:absolute;left:3px;animation-name:arrow;animation-duration:2s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-play-state:running;-webkit-animation-name:arrow;-webkit-animation-duration:2s;-webkit-animation-timing-function:linear;-webkit-animation-delay:0s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:normal;-webkit-animation-play-state:running}.pulse_icon_scrolldown{margin:0 auto;border-radius:100px;position:absolute;left:0;top:5px;z-index:0;background-color:transparent;opacity:0;width:50px;height:110px;border:10px solid orange;-webkit-border-radius:100px;-moz-border-radius:100px;-o-border-radius:100px;-ms-border-radius:100px;border-radius:100px;-webkit-animation:pulse 2s linear infinite .3s;-moz-animation:pulse 2s linear infinite .3s;border-image:initial}@keyframes arrow{0%{bottom:0}75%{bottom:90px}100%{bottom:0}}@-webkit-keyframes arrow{0%{bottom:0}75%{bottom:90px}100%{bottom:0}}@keyframes circle{0%{height:120px}10%{height:120px}50%{height:130px}75%{height:150px}90%{height:130px}100%{height:120px}}@-webkit-keyframes circle{0%{height:120px}10%{height:120px}50%{height:130px}75%{height:150px}90%{height:130px}100%{height:120px}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(0);opacity:0}8%{-webkit-transform:scale(0);opacity:0}15%{-webkit-transform:scale(0.1);opacity:1}30%{-webkit-transform:scale(0.5);opacity:1}100%{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes pulse{0%{-webkit-transform:scale(0);opacity:0}8%{-webkit-transform:scale(0);opacity:0}15%{-webkit-transform:scale(0.1);opacity:1}30%{-webkit-transform:scale(0.5);opacity:1}100%{opacity:0;-webkit-transform:scale(1.5)}}#app{user-select:none;pointer-events:none;overflow:hidden !important}#app img{display:block;transform:scale(1) !important;user-select:none;pointer-events:none}#gallery_laptop{background:#000;background:radial-gradient(circle,rgba(0,0,0,1) 31%,rgba(230,234,238,1) 93%,rgba(230,234,238,1) 98%)}#gallery_mobile{background-color:#e6eaee;display:none;padding-bottom:15%}.swiper-button-prev_mobile{background:#434656;border-radius:50%;top:85%;width:50px;height:50px;box-shadow:0 2px 11px rgba(0,0,0,0.17)}.swiper-button-prev_mobile::after{font-size:1.4rem;content:""}.swiper-button-prev_mobile svg{width:25px}.swiper-button-next_mobile{background:#434656;border-radius:50%;top:85%;width:50px;height:50px;box-shadow:0 2px 11px rgba(0,0,0,0.17)}.swiper-button-next_mobile::after{font-size:1.4rem;content:""}.swiper-button-next_mobile svg{width:25px}.swiper-slide_mobile{box-shadow:none}.swiper-slide_img{background-color:#d3d3d300}.zoom-button{background-color:#434656;color:white;padding:8px 16px;cursor:pointer;width:100%}#contact{background-color:#e6eaee;padding-left:20px;padding-right:20px;min-height:60vh}.container_contact_blur{transform-origin:center center;transform:scale(1);transition:all .5s ease}.blur_contact{filter:blur(4px) saturate(0);transform:scale(0.9)}.title-contact{color:#000c4e;margin-left:-7.5%}.title-contact-number{color:orange;font-weight:bold}.title-contact-number::before{background-color:#000c4e;content:"";display:inline-block;height:2px;position:relative;vertical-align:middle;width:15%}.tombol_sosmed{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.icon_sosmed{font-size:1rem}.navigation_contact{position:relative;display:flex;justify-content:center;align-items:center}.menuToggle_contact{position:relative;width:70px;height:70px;background-color:#fff;border-radius:70px;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 0 45px #424555;animation:pulsate 2s infinite}@keyframes pulsate{0%{box-shadow:0 0 25px #000}50%{box-shadow:0 0 45px #424555}100%{box-shadow:0 0 25px #000}}.menuToggle_contact::before{content:'+';position:absolute;font-size:2.8em;font-weight:550;color:orange;transition:1.5s}.menuToggle_contact.active::before{transform:rotate(315deg)}.menu_contact{position:absolute;width:30px;height:30px;background:#fff;border-radius:70px;z-index:-1;transition:transform .5s,width .5s,height .5s;transition-delay:1s,0.5s,0.5s;transition-timing-function:cubic-bezier(0.075,0.82,0.165,1)}.menuToggle_contact.active~.menu_contact{width:220px;height:70px;z-index:1;transform:translateY(-80px);transition-delay:0s,0.5s,0.5s;box-shadow:0 15px 25px rgba(0,0,0,0.1)}.menu_contact::before{content:'';position:absolute;width:16px;height:16px;background:#fff;left:calc(50% - 8px);bottom:4px;transform:rotate(45deg);border-radius:2px;transition:.5s}.menuToggle_contact.active~.menu_contact::before{transition-delay:.5s;bottom:-6px}.menu_contact ul{position:relative;padding:0;display:flex;justify-content:center;align-items:center;height:80px;gap:30px}.menu_contact ul li{list-style:none;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(-30px);transition:.25s;transition-delay:calc(0s + var(--i))}.menuToggle_contact.active~.menu_contact ul li{opacity:1;visibility:visible;transform:translateY(0);transition-delay:calc(0.75s + var(--i))}.menu_contact ul li a{display:block;font-size:2.2em}.instagram_icon{color:white;background:linear-gradient(135deg,#833ab4,#fd1d1d,#f56040,#ffdc80);border-radius:20%;box-shadow:0 2px 10px rgba(0,0,0,0.2)}.footer{border-top:4px solid orange;background-color:#424555;color:white;height:10vh;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;font-family:'lemon',sans-serif}.footer p{margin:0}.hvr-glow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(255,254,254,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-glow:focus{box-shadow:0 0 20px #fff}.hvr_img{position:relative;overflow:hidden;display:block;transition:all .5s ease-in-out}.hvr_img::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent 0,#ffa500 50%,transparent 100%);opacity:0;transition:left .4s ease-in-out,opacity .4s ease-in-out}.hvr_img:hover{transform:scale(1.1)}.hvr_img:hover::before{left:100%;opacity:1}.progress-wrap{position:fixed;right:50px;bottom:50px;height:46px;width:46px;cursor:pointer;display:block;border-radius:50px;box-shadow:inset 0 0 0 2px #000;color:black;z-index:100;opacity:0;visibility:hidden;transform:translateY(15px);-webkit-transition:all 200ms linear;transition:all 200ms linear;background-color:orange}.progress-wrap.active-progress{opacity:1;visibility:visible;transform:translateY(0)}.progress-wrap::after{position:absolute;font-family:'unicons';content:'\e84b';text-align:center;line-height:46px;font-size:24px;color:black;left:0;top:0;height:46px;width:46px;cursor:pointer;display:block;z-index:1;-webkit-transition:all 200ms linear;transition:all 200ms linear}.progress-wrap:hover::after{color:white;transform:scale(2)}.progress-wrap::before{position:absolute;content:'\e84b';text-align:center;line-height:46px;font-size:24px;opacity:0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;left:0;top:0;height:46px;width:46px;cursor:pointer;display:block;z-index:2;-webkit-transition:all 200ms linear;transition:all 200ms linear}.progress-wrap:hover::before{opacity:1}.progress-wrap svg path{fill:none}.progress-wrap svg.progress-circle path{stroke:white;stroke-width:4;box-sizing:border-box;-webkit-transition:all 200ms linear;transition:all 200ms linear}.switch,.circle{-webkit-transition:all 300ms linear;transition:all 300ms linear}.switch{width:80px;height:4px;border-radius:27px;position:fixed;right:50px;top:75px;display:block;margin:0 auto;text-align:center;opacity:1;z-index:120;transition:all 300ms linear}.circle{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);left:-5px;width:40px;height:40px;border-radius:50%;box-shadow:0 4px 4px rgba(26,53,71,0.25),0 0 0 1px rgba(26,53,71,0.07);animation:border-transform 10s linear infinite alternate forwards}.circle:before{position:absolute;font-family:'unicons';content:'\eac1';top:0;left:0;z-index:2;font-size:20px;line-height:40px;text-align:center;width:100%;height:40px;opacity:1;-webkit-transition:all 300ms linear;transition:all 300ms linear}.circle:after{position:absolute;font-family:'unicons';content:'\eb8f';top:0;left:0;z-index:2;font-size:20px;line-height:40px;text-align:center;width:100%;height:40px;opacity:0;-webkit-transition:all 300ms linear;transition:all 300ms linear}.switched .circle:before{opacity:0}.switched .circle:after{opacity:1}*{scrollbar-width:none;scrollbar-color:transparent}*::-webkit-scrollbar{width:0}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0;border:0 none transparent}#screensaver{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:110;align-items:center;justify-content:center}.title_ss{color:#52dd4d;text-align:left;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'motoVerse',sans-serif}.description_ss{color:#fff}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:fixed;top:0;left:10px;transform:translate(calc(-50% + 3px), calc(50vh - 50%)) rotate(90deg);width:70vh;height:10px;z-index:120}progress::-webkit-progress-bar{background-color:#0a0a0c}progress[value="100"]::-webkit-progress-bar{background-color:orange}progress::-webkit-progress-value{background-color:orange;border-bottom-right-radius:5px;border-top-right-radius:5px}@media only screen and (max-width:2560px){.font_responsive{font-size:2rem}.colstyle{font-size:3rem}.marquee-kekanan{bottom:45rem}.marquee-kekiri{bottom:10rem}}@media only screen and (min-width:1200px){.font_responsive{font-size:1.5rem}.colstyle{font-size:3rem}.marquee-kekanan{bottom:15rem}.marquee-kekiri{bottom:0}}@media only screen and (max-width:1200px){.font_responsive{font-size:1.4rem}.colstyle{font-size:3rem}.text3d::before{top:-330px}.marquee-kekanan{bottom:25rem}.marquee-kekiri{bottom:10rem}.horizontal-scroll-section__content-section_responsive{position:relative;min-width:100vw;height:100%;display:flex;align-items:center}}@media only screen and (max-width:992px){.font_responsive{font-size:1.2rem}.colstyle{font-size:3rem}.marquee-kekanan{bottom:15rem}.marquee-kekiri{bottom:5rem}}@media only screen and (max-width:768px){.font_responsive{font-size:1rem}.colstyle{font-size:2.5rem}.cloud2{right:1vw;top:160vw}.cloud3{left:1vw;top:190vw}.gallery__overlay:nth-child(1){width:55%;border-left:solid 5px orange;border-top:solid 5px orange}.marquee-kekanan{bottom:20rem}.marquee-kekiri{bottom:15rem}.video_horizontal{width:400px;height:350px}.video_vertical{width:350px;height:450px}#contact{background:#e6eaee;padding-left:20px;padding-right:20px;min-height:40vh}.menuToggle_contact::before{font-size:4.8em}#percentage_dan_bar{display:none}}@media only screen and (max-width:430px){.font_responsive{font-size:.9rem;padding-left:5px;padding-right:5px}.colstyle{font-size:2rem}div.card_profile{width:200px}div.card_profile .card_profile-img{height:200px;width:200px}#opening{font-size:.8rem}#text_welcome{top:15vw}#text_welcome2{top:35vw}.gallery__overlay:nth-child(2){width:30vw;bottom:0;right:0}.marquee-kekanan{bottom:20rem}.marquee-kekiri{bottom:15rem}.video_horizontal{width:300px;height:250px}.video_vertical{width:250px;height:350px}.menuToggle_contact.active~.menu_contact{width:220px}}@media only screen and (max-width:330px){.font_responsive{font-size:.7rem;padding-left:5px;padding-right:5px}.colstyle{font-size:1.5rem}.marquee-kekanan{bottom:20rem}.marquee-kekiri{bottom:15rem}.video_horizontal{width:300px;height:200px}.video_vertical{width:300px;height:400px}}@media screen and (min-width:0) and (max-width:767px){#gallery_mobile{display:block}#gallery_laptop{display:none}#marquee-kanan,#marquee-kiri{display:none}}@media only screen and (min-height:2000px){.logo{font-size:2.8rem}.icon--menu-toggle{width:50px;height:60px}div.card_profile{width:600px}div.card_profile .card_profile-img{height:800px;width:600px}#opening{font-size:2rem;height:180px;line-height:50px}.font_responsive{font-size:3rem;padding-left:30px;padding-right:30px}.colstyle{font-size:6rem}.marquee-kekanan{bottom:60rem}.marquee-kekiri{bottom:40rem}.video_horizontal{width:900px;height:700px}.video_vertical{width:700px;height:900px}.swiper-slide p{font-size:2rem}.swiper-slide{height:50rem}.swiper-button-next,.swiper-button-prev{width:100px;height:100px}.swiper-button-next svg,.swiper-button-prev svg{width:50px;height:50px}.btn-warning{font-size:2rem}.icon_sosmed{font-size:2rem}.menuToggle_contact.active~.menu_contact{width:350px;height:90px}.menu_contact ul{height:90px;gap:40px}.progress-wrap{display:none}}