@import url(https://fonts.googleapis.com/css2?family=Arvo&family=Lato&display=swap);.error404[data-v-0af9793c]{margin-top:8rem;text-align:center}.error404 img#error[data-v-0af9793c]{width:500px;margin-bottom:25px}:root{--body-fontFamily:"Lato",sans-serif;--body-fontWeight:400;--head-fontFamily:"Arvo",serif;--head-fontWeight:400;--header-logo-fontFamily:"Arvo",serif;--header-logo-fontWeight:400;--footer-logo-fontFamily:"Arvo",serif;--footer-logo-fontWeight:400;--color1:#4a3f8c;--color2:#2d2754;--color3:#252046;--color4:#1d1933}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--body-fontFamily)}#navbar{max-width:100vw;box-sizing:border-box;display:flex}.home #navbar{background-color:var(--color3)}.home #navbar #title{color:#fff;font-family:var(--header-logo-fontFamily);font-weight:var(--header-logo-fontWeight)}#header{max-width:100vw;box-sizing:border-box;display:flex;background:linear-gradient(90deg,rgba(45,39,84,.7),rgba(26,24,42,.7)),url(/img/header.9707849a.jpeg);background-size:cover;background-position:50%;background-repeat:no-repeat}#header .header-content{margin-top:12rem;margin-bottom:8rem;color:#fff}#header .header-content h1{margin-bottom:1.5rem;font-family:var(--head-fontFamily);font-weight:var(--head-fontWeight)}#header .header-content p{font-family:var(--body-fontFamily);font-weight:var(--body-fontWeight)}#section-about{margin-top:-5px;max-width:100vw;box-sizing:border-box;display:flex;background-color:var(--color2)}#section-about .content{font-family:var(--body-fontFamily);font-weight:var(--body-fontWeight);color:#fff}#section-projek{margin-top:-5px;background-color:var(--color2);color:#fff}#section-projek h2{text-align:center;font-family:var(--head-fontFamily);font-weight:var(--head-fontWeight);margin-bottom:2rem}#section-projek .content .content-row{max-width:100vw;box-sizing:border-box;display:flex}#section-projek .content .content-row .box img{width:100%;height:300px;border-radius:5%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}#section-projek .content .content-row .box h2{color:#fff;font-size:32px;line-height:40px;text-align:center;font-family:var(--head-fontFamily);font-weight:var(--head-fontWeight);margin:1rem 0}#section-projek .content .content-row .box p{color:#fff;font-size:18px;line-height:28px;text-align:center;font-family:var(--body-fontFamily);font-weight:var(--body-fontWeight)}#section-client{background-color:var(--color4)}#section-client .content{padding-bottom:10rem}#section-client .content h2{text-align:left;font-family:var(--head-fontFamily);font-weight:var(--head-fontWeight);color:#fff;font-size:48px;line-height:56px;margin-bottom:1.5rem}#section-client .content .content-row .box img{width:100%;max-height:300px;border-radius:5%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}#section-client .content .content-row .box h2{color:#fff;font-size:32px;line-height:40px;text-align:center;font-family:var(--head-fontFamily);font-weight:var(--head-fontWeight);margin:1rem 0}#section-aboutus{background-color:var(--color2);margin-top:-80px;-webkit-border-top-left-radius:50% 80px;-webkit-border-top-right-radius:50% 80px;-moz-border-radius-topleft:50% 80px;-moz-border-radius-topright:50% 80px;border-top-left-radius:50% 80px;border-top-right-radius:50% 80px;color:#fff}#section-aboutus .content h2{font-family:var(--head-fontFamily);font-weight:var(--head-fontWeight)}#section-aboutus .content p{font-family:var(--body-fontFamily);font-weight:var(--body-fontWeight)}#section-aboutus .content .content-row .box{margin-top:auto;margin-bottom:auto}#section-aboutus .content .content-row .box img{width:100%;max-height:500px;border-radius:8%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}#section-contactus{background-color:var(--color3);color:#fff}#section-contactus .content h2{font-family:var(--head-fontFamily);font-weight:var(--head-fontWeight)}#section-contactus .content p{font-family:var(--body-fontFamily);font-weight:var(--body-fontWeight)}#section-contactus .content .content-row .box{margin-top:auto;margin-bottom:auto}#formcontact{color:#fff;font-family:var(--body-fontFamily);font-weight:var(--body-fontWeight)}#formcontact label,#formcontact p{font-size:20px}#formcontact #inputarea,#formcontact #messagearea{margin-bottom:1rem}#formcontact #inputarea #useremail,#formcontact #inputarea #username,#formcontact #messagearea #usermessage{font-size:20px}#formcontact .textform{border-radius:8px;background-color:hsla(0,0%,100%,.07);color:#fff;border:none}#formcontact #submitarea p{font-size:1.2rem}#formcontact #submitarea p span{font-weight:700}#formcontact #submitarea #submitbtn{float:right;padding:.75rem 3rem;font-size:16px;line-height:16px;border-width:2px;border-style:solid;box-shadow:none;color:#111827;border-radius:8px}#section-footer{background-color:var(--color2);color:#fff}#section-footer .content p{font-family:var(--head-fontFamily);font-weight:var(--head-fontWeight)}@media (min-width:760px){#navbar #title{font-size:20px;padding:1rem 12rem}#header .header-content{padding:0 12rem}#header .header-content h1{font-size:60px}#header .header-content p{font-size:30px}#section-about .content{padding:3rem 12rem;font-size:24px}#section-projek{padding:3rem 12rem}#section-projek h2{font-size:48px}#section-client{padding:3rem 12rem}#section-client h2{font-size:48px}#section-aboutus{padding:8rem 12rem}#section-aboutus .content h2{font-size:48px;margin-bottom:1.5rem}#section-aboutus .content .content-row .box p{font-size:23px;line-height:30px}#section-contactus .content{padding:8rem 12rem}#section-contactus .content .content-row .box h2{font-size:48px;margin-bottom:1.5rem}#section-contactus .content .content-row .box p{font-size:23px;line-height:30px}#section-contactus .content .content-row .box #formcontact label p{font-size:23px}#section-footer{padding:1rem 12rem}#section-footer .content p{font-size:20px}#section-footer .content p#madein{text-align:right}}@media (max-width:758px){#navbar #title{font-size:20px;padding:1rem 1rem}#header .header-content{padding:3rem 5rem}#header .header-content h1{font-size:45px}#header .header-content p{font-size:17px}#section-about .content{padding:3rem 5rem;font-size:17px}#section-projek{padding:3rem 5rem}#section-projek h2{font-size:45px}#section-projek .content .content-row .box{margin-bottom:2rem}#section-client{padding:3rem 5rem}#section-client h2{font-size:45px}#section-client .content .content-row .box{margin-bottom:2rem}#section-aboutus{padding:5rem}#section-aboutus .content h2{font-size:45px}#section-aboutus .content .content-row .box p{font-size:18px}#section-contactus .content{padding:5rem}#section-contactus .content .content-row .box h2{font-size:45px}#section-contactus .content .content-row .box #formcontact label p,#section-contactus .content .content-row .box p{font-size:20px}#section-footer{padding:1rem}#section-footer .content p#author{font-size:18px;text-align:center}#section-footer .content p#madein{display:none}}@media (max-width:450px){#header .header-content{padding:1rem;text-align:center}#header .header-content h1{font-size:30px}#section-about .content,#section-projek{padding:1rem}#section-projek h2{font-size:30px}#section-projek .content .content-row .box{margin-bottom:2rem}#section-client{padding:1rem}#section-client h2{font-size:30px}#section-client .content .content-row .box{margin-bottom:2rem}#section-aboutus{padding:5rem 1rem}#section-aboutus .content h2{font-size:30px}#section-contactus .content{padding:1rem}#section-contactus .content .content-row .box h2{font-size:30px;margin-bottom:1.5rem}#formcontact #submitarea #submitbtn{float:left}#section-footer{padding:1rem}#section-footer .content p#author{text-align:center}#section-footer .content p#madein{display:none}}