@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fade-in-zoom-in{from{opacity:0;transform:translateZ(-1px)}to{opacity:1;transform:translateZ(0)}}@keyframes fade-in-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-left{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes headline-image-anim{from{filter:brightness(0)}to{filter:brightness(0.7)}}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box;max-width:100%}html{scroll-behavior:smooth;overflow:hidden;margin:0;padding:0}body{font-size:1.2rem;position:relative;margin:0;padding:0;font-family:"Open Sans",sans-serif;height:100vh;width:100vw;perspective:3px;-webkit-perspective:3px;perspective-origin:center;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;overflow-x:hidden;overflow-y:auto;z-index:0;line-height:1.5}@media(max-width: 992px){body.no-scroll{overflow-y:hidden}}main{background:#f8f9fa;perspective:3px;-webkit-perspective:3px;perspective-origin:center;z-index:1}a{color:#898e91;text-decoration:none}a:active,a:focus,a:hover{outline:none;color:#212529}a.dark{color:#f8f9fa;text-decoration:none}a.dark:active,a.dark:focus,a.dark:hover{outline:none;color:#898e91}header{font-family:"Gill Sans Nova",sans-serif;perspective:inherit;transform-style:inherit}.header-image{width:64px;height:auto}nav{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:1}.nav-menu{list-style:none;position:absolute;top:0;right:0;margin:0;height:0;transition:150ms linear;overflow:hidden;text-align:center;background:#21252985}.nav-menu.open{height:100vh;padding-top:15vh !important}@media(min-width: 992px){.nav-menu{display:flex;flex-direction:row;position:relative;top:unset;right:unset;padding:0;height:unset;transform:translateY(0);background:none}}.nav-item{display:block;padding:.9rem 1.2rem;color:#f8f9fa;text-decoration:none;font-size:1.6rem;transition:150ms linear;position:relative;max-width:60vw;margin:auto}.nav-item::before{content:"";width:0%;height:3px;background:#45b2dd;position:absolute;bottom:0;left:100%;transform:translateX(-100%);transition:150ms ease-out}.nav-item:hover,.nav-item:active{background:none;color:#f8f9fa}.nav-item:hover::before,.nav-item:active::before{width:100%;transform:translateX(-100%)}@media(min-width: 992px){.nav-item{padding:0;margin:.9rem 1.2rem}}.nav-item.active-item{color:#f8f9fa}.nav-item.active-item::before{width:100%;transform:translateX(-100%)}.headline{width:100vw;height:100vh;position:relative;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f8f9fa}.headline::after{background-repeat:no-repeat;background-position:center;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;content:"";transform:translateZ(-1px) scale(2.1);-webkit-transform:translateZ(-1px) scale(2.1);filter:brightness(70%);animation:headline-image-anim 2s}.headline h1{font-weight:300;max-width:1400px;display:block;margin:4rem auto;animation:fade-in-up 1.5s}@media(orientation: landscape){.headline h1{font-size:calc(5.98vw + 1rem)}}@media(orientation: portrait){.headline h1{font-size:calc(5.98vh + 1rem)}}.headline h1.blog-title{margin-bottom:0}.headline .sub-title{font-weight:400;color:#e8e9ea;animation:fade-in-left 1.5s}@media(orientation: landscape){.headline .sub-title{font-size:calc(.78vw + 1rem)}}@media(orientation: portrait){.headline .sub-title{font-size:calc(.78vh + 1rem)}}.headline .header-btn{display:block;font-size:1.2rem;color:#f8f9fa;text-decoration:none;border:1px solid #45b2dd;padding:.9rem 2.4rem;text-align:center;font-weight:300;transition:75ms linear;overflow:hidden;animation:fade-in-left 1.5s}.headline .header-btn:focus,.headline .header-btn:active,.headline .header-btn:hover{outline:none;background:#45b2dd}.cat-bg::after{background-image:url("https://bin.irimold.web.id/gambar/backgrounds/cat.jpg")}.elephant-bg::after{background-image:url("https://bin.irimold.web.id/gambar/backgrounds/elephant.jpg")}.mail-bg::after{background-image:url("https://bin.irimold.web.id/gambar/backgrounds/mail.jpg")}.duck-bg::after{background-image:url("https://bin.irimold.web.id/gambar/backgrounds/duck.jpg")}.pen-bg::after{background-image:url("https://bin.irimold.web.id/gambar/backgrounds/pen.jpg")}section{overflow-x:hidden;overflow-wrap:break-word;opacity:0}section.visible{opacity:1}section.play-anim{animation:1.5s fade-in-up}.section-title{font-family:"Gill Sans Nova",sans-serif;font-weight:300}@media(orientation: landscape){.section-title{font-size:calc(1.6vw + 1rem)}}@media(orientation: portrait){.section-title{font-size:calc(1.6vh + 1rem)}}.section-name{font-family:"Gill Sans Nova",sans-serif;font-weight:500;font-size:1.2em;margin-bottom:.4rem}@media(orientation: landscape){.section-description{font-size:calc(1vw + .8rem)}}@media(orientation: portrait){.section-description{font-size:calc(1vh + .8rem)}}.section-link{font-family:"Gill Sans Nova",sans-serif;color:#45b2dd;font-weight:300}@media(orientation: landscape){.section-link{font-size:calc(1vw + .9rem)}}@media(orientation: portrait){.section-link{font-size:calc(1vh + .9rem)}}footer{z-index:1;perspective:3px;-webkit-perspective:3px;min-height:25vh;background-color:#212529;color:#f8f9fa}footer img{filter:brightness(0) invert(1)}.container{width:100%;max-width:1400px;margin:auto;padding:0 .6rem}@media(min-width: 992px){.container-one-half{width:50%}}@media(min-width: 992px){.container-one-third{width:33%}}@media(min-width: 992px){.container-two-third{width:67%}}@media(min-width: 992px){.container-one-forth{width:25%}}@media(min-width: 992px){.container-three-forth{width:75%}}@media(min-width: 992px){.container-one-fifth{width:20%}}@media(min-width: 992px){.container-two-fifth{width:40%}}@media(min-width: 992px){.container-three-fifth{width:60%}}@media(min-width: 992px){.container-four-fifth{width:80%}}.smaller-container{width:100%;max-width:1024px;margin:auto}.disp-block{display:block}.disp-inline{display:inline}.disp-inline-block{display:inline-block}.disp-flex{display:flex;flex-wrap:wrap}.flex-justify-end{justify-content:flex-end}.flex-justify-center{justify-content:center}.flex-justify-start{justify-content:flex-start}.flex-justify-between{justify-content:space-between}.flex-align-center{align-items:center}.flex-align-stretch{align-items:stretch}.flex-dir-x{flex-direction:row}.flex-dir-x-reverse{flex-direction:row-reverse}.flex-dir-y{flex-direction:column}.flex-dir-y-reverse{flex-direction:column-reverse}@media(min-width: 992px){.flex-dir-x-lg{flex-direction:row}}@media(min-width: 992px){.flex-dir-x-reverse-lg{flex-direction:row-reverse}}@media(min-width: 992px){.flex-dir-y-lg{flex-direction:column}}@media(min-width: 992px){.flex-dir-y-reverse-lg{flex-direction:column-reverse}}.pt-0{padding-top:0}.pt-1{padding-top:.3rem}.pt-2{padding-top:.6rem}.pt-3{padding-top:.9rem}.pt-4{padding-top:1.2rem}.pt-5{padding-top:1.8rem}.pt-6{padding-top:2.4rem}.pt-7{padding-top:3.2rem}.pt-8{padding-top:4rem}.pt-9{padding-top:5.2rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.3rem}.pb-2{padding-bottom:.6rem}.pb-3{padding-bottom:.9rem}.pb-4{padding-bottom:1.2rem}.pb-5{padding-bottom:1.8rem}.pb-6{padding-bottom:2.4rem}.pb-7{padding-bottom:3.2rem}.pb-8{padding-bottom:4rem}.pb-9{padding-bottom:5.2rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.3rem;padding-bottom:.3rem}.py-2{padding-top:.6rem;padding-bottom:.6rem}.py-3{padding-top:.9rem;padding-bottom:.9rem}.py-4{padding-top:1.2rem;padding-bottom:1.2rem}.py-5{padding-top:1.8rem;padding-bottom:1.8rem}.py-6{padding-top:2.4rem;padding-bottom:2.4rem}.py-7{padding-top:3.2rem;padding-bottom:3.2rem}.py-8{padding-top:4rem;padding-bottom:4rem}.py-9{padding-top:5.2rem;padding-bottom:5.2rem}.pl-0{padding-left:0}.pl-1{padding-left:.3rem}.pl-2{padding-left:.6rem}.pl-3{padding-left:.9rem}.pl-4{padding-left:1.2rem}.pl-5{padding-left:1.8rem}.pl-6{padding-left:2.4rem}.pl-7{padding-left:3.2rem}.pl-8{padding-left:4rem}.pl-9{padding-left:5.2rem}.pr-0{padding-right:0}.pr-1{padding-right:.3rem}.pr-2{padding-right:.6rem}.pr-3{padding-right:.9rem}.pr-4{padding-right:1.2rem}.pr-5{padding-right:1.8rem}.pr-6{padding-right:2.4rem}.pr-7{padding-right:3.2rem}.pr-8{padding-right:4rem}.pr-9{padding-right:5.2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.3rem;padding-right:.3rem}.px-2{padding-left:.6rem;padding-right:.6rem}.px-3{padding-left:.9rem;padding-right:.9rem}.px-4{padding-left:1.2rem;padding-right:1.2rem}.px-5{padding-left:1.8rem;padding-right:1.8rem}.px-6{padding-left:2.4rem;padding-right:2.4rem}.px-7{padding-left:3.2rem;padding-right:3.2rem}.px-8{padding-left:4rem;padding-right:4rem}.px-9{padding-left:5.2rem;padding-right:5.2rem}.post-list{list-style:none;margin:0;padding:0}.post-list li{margin-bottom:2.4rem}.post-list li .img-container{display:flex;justify-content:center;align-items:center;width:128px;height:128px;overflow:hidden}.post-list li .desc-container{max-width:calc(100% - 128px);overflow:hidden}.post-list li h3{font-weight:300;color:#212529}@media(orientation: landscape){.post-list li h3{font-size:calc(1.56vw + 1rem)}}@media(orientation: portrait){.post-list li h3{font-size:calc(1.56vh + 1rem)}}.post-list li time{color:#898e91;font-family:"Gill Sans Nova";font-weight:300;font-size:.9em}.post-list li .action-bar a{display:block;padding-right:.9rem;border-right:1px solid #898e91}.post-list li .action-bar form input[type=submit]{border:none;font-size:1.2rem;color:#898e91;background-color:transparent;padding-left:.9rem;font-family:inherit}.post-card{width:600px;max-width:100%;height:400px;margin:.9rem;position:relative}.post-card .card-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-position:center;background-repeat:no-repeat;background-size:cover;filter:grayscale(0.7) brightness(0.5);z-index:0;background-color:#212529}.post-card .card-desc{position:absolute;top:30%;left:0;bottom:0;right:0;color:#f8f9fa;z-index:1;padding:.9rem 1.2rem}.post-card .card-desc .card-title{font-size:1.7em;font-family:"Gill Sans Nova";font-weight:300;margin-bottom:0}.post-card .card-desc .card-subtitle{margin-top:0;font-size:.8em;margin-bottom:.8rem}.post-card .card-desc .card-hyperlink{position:absolute;left:0;right:0;bottom:.9rem}.post-card .card-desc time{font-family:"Gill Sans Nova";font-weight:300}h1,h2,h3,h4,h5,h6{font-family:"Gill Sans Nova",sans-serif;margin:0 0 .7rem}.title{font-family:"Gill Sans Nova",sans-serif;font-weight:300}@media(orientation: landscape){.title{font-size:calc(3.38vw + 1rem)}}@media(orientation: portrait){.title{font-size:calc(3.38vh + 1rem)}}.sub-title{font-family:"Gill Sans Nova",sans-serif;font-weight:300}@media(orientation: landscape){.sub-title{font-size:calc(2.08vw + 1rem)}}@media(orientation: portrait){.sub-title{font-size:calc(2.08vh + 1rem)}}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}p{margin:0 0 .5rem}.text-white{color:#fff}.text-white:hover{color:#898e91 !important}.text-normal{font-size:1.2rem}.text-medium{font-size:1.6rem}.text-large{font-size:2.3rem}.btn{display:inline-block;padding:.6rem 1.2rem;cursor:pointer;transition:150ms linear;text-decoration:none;font-size:1.4rem}.btn-primary{border:1px solid #45b2dd;color:#212529;background:none}.btn-primary:active,.btn-primary:hover,.btn-primary:focus{background-color:#45b2dd;color:#f8f9fa}.bg-white{background-color:#fff}.loader-rotate{animation:rotate 2s linear infinite}.loader-dot{width:96px;height:96px;position:absolute;top:0;left:calc(50% - 48px)}.loader-dot-container{position:relative;width:96px;height:96px;margin:auto}.loader-dot::before,.loader-dot::after{background:#45b2dd;width:10px;height:10px;content:"";border-radius:50%;position:absolute;left:calc(50% - 5px)}.loader-dot::before{top:0}.loader-dot::after{bottom:0}.dot-0{transform:rotate(0)}.dot-1{transform:rotate(45deg)}.dot-2{transform:rotate(90deg)}.dot-3{transform:rotate(135deg)}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fade-in-zoom-in{from{opacity:0;transform:translateZ(-1px)}to{opacity:1;transform:translateZ(0)}}@keyframes fade-in-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-left{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes headline-image-anim{from{filter:brightness(0)}to{filter:brightness(0.7)}}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.navigation-btn{z-index:2;width:36px;height:36px;display:block;position:absolute;top:50%;right:0;transform:translate(-100%, -50%)}@media(min-width: 992px){.navigation-btn{display:none}}.navigation-btn .nav-btn-stripes{height:4px;width:100%;background:#f8f9fa;position:absolute;top:0;left:0;transition:.2s linear}.navigation-btn .nav-stripe-0{transform:translate(0, 6px)}.navigation-btn .nav-stripe-1{transform:translate(0, 16px)}.navigation-btn .nav-stripe-2{transform:translate(0, 26px)}.navigation-btn.times .nav-stripe-0{transform:translate(0, 16px) rotate(45deg)}.navigation-btn.times .nav-stripe-1{transform:translate(0, 16px);opacity:0}.navigation-btn.times .nav-stripe-2{transform:translate(0, 16px) rotate(-45deg)}.item-display{transform-style:unset;perspective:0px;-webkit-perspective:0px}.item-display-card{max-width:320px;overflow:hidden;margin-left:.9rem;margin-right:.9rem}.item-display-card .img-holder{width:320px;height:280px;position:relative;overflow:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.item-display-card .card-img{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:150ms}.item-display-card .card-img.portrait{width:100%;height:auto}.item-display-card .card-img.landscape{width:auto;height:100%}.item-display-card .card-img.square{width:100%;height:100%}.item-display-card .card-detail{height:calc(100% - 280px);position:relative;text-align:center;padding:.6rem .9rem 2.4rem}.item-display-card .card-detail h3{font-weight:300;font-size:1.5rem}.item-display-card .card-detail a{position:absolute;display:block;bottom:1.2rem;left:0;right:0}.item-display-card:hover img{transform:translate(-50%, -50%) scale(1.5)}.portfolio-items{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}.portfolio-items-card{display:block;width:320px;height:320px;position:relative;background-repeat:no-repeat;background-position:center;background-size:100%;margin:1rem;transition:.2s linear;cursor:default;animation:fade-in-down 1.5s}.portfolio-items-card .portfolio-card-detail{position:absolute;top:0;left:0;height:100%;width:100%;background:#2229;color:#fff;padding:1rem;display:flex;flex-direction:column;text-align:center;align-items:stretch;justify-content:center}.portfolio-items-card .portfolio-card-detail p{color:#dedede}.portfolio-items-card .portfolio-card-detail a{display:block;text-decoration:none;color:#fff;margin:0 auto;border:2px solid #fff;background:#8889;padding:.4rem .6rem;font-weight:500}.portfolio-items-card .portfolio-card-detail a:hover{background:#fff;color:#5559}@media(min-width: 768px){.portfolio-items-card .portfolio-card-detail{visibility:hidden;overflow:hidden;padding:0;height:0;top:50%;transform:translateY(-50%);transition:.1s linear}.portfolio-items-card:hover{background-size:110%}.portfolio-items-card:hover .portfolio-card-detail{visibility:visible;padding:1rem;height:100%}}.portfolio-showcase{padding-top:16rem;min-height:100vh}.portfolio-showcase .portfolio-showcase-detail{max-width:90vw;margin:2rem auto 12rem;font-weight:300}.portfolio-showcase .portfolio-showcase-detail p{font-size:1.6rem}.portfolio-showcase .portfolio-showcase-detail p a{color:#888;text-decoration:none;border-bottom:1px solid #888;transition:.1s linear}.portfolio-showcase .portfolio-showcase-detail p a:hover{border-bottom-style:dashed}.portfolio-showcase .portfolio-showcase-detail h2{font-size:3rem;font-weight:400;margin-bottom:1.4rem}.portfolio-showcase .portfolio-showcase-detail .detail-image{animation:fade-in-up 1.5s;background-position:center;background-repeat:no-repeat;background-size:100%;max-width:800px;max-height:600px;width:90%;height:75vw;margin:auto}@media(min-width: 768px){.portfolio-showcase .portfolio-showcase-detail{max-width:70vw}}.portfolio-showcase .portfolio-picture-container{max-width:90vw;margin:100px auto;perspective:2px;perspective-origin:center;transform-style:preserve-3d}.portfolio-showcase .portfolio-picture-container img{opacity:0}@media(min-width: 768px){.portfolio-showcase .portfolio-picture-container{max-width:70vw}}.portfolio-showcase .portfolio-picture-container.active img{opacity:1;animation:fade-in-up 1.5s}