body,html{background-color:#dedede;font-family:Nunito Sans,sans-serif;font-size:16px;margin:0;padding:0;scroll-behavior:smooth}.wrapper{margin:auto;padding:20px 0;width:1024px}section{padding:50px 0}.wrapper>h1,.wrapper>h3{border-bottom:5px solid #ccc;color:#222831;font-family:Kanit,sans-serif;font-size:2.8rem;letter-spacing:5px;margin:0 0 30px;padding:0;text-align:center;text-transform:uppercase}.wrapper>h1:after,.wrapper>h3:after{border-bottom:5px solid #4177e2;bottom:-5px;content:"";display:block;margin:auto;position:relative;width:45%}@media only screen and (max-width:1000px){.wrapper{width:80%}}:root{--default-font:"Roboto",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--heading-font:"Raleway",sans-serif;--nav-font:"Nunito",sans-serif;--background-color:#fff;--default-color:#444;--heading-color:#111;--accent-color:#4177e2;--surface-color:#fff;--contrast-color:#fff;--nav-color:#444;--nav-hover-color:#4177e2;--nav-mobile-background-color:#fff;--nav-dropdown-background-color:#fff;--nav-dropdown-color:#444;--nav-dropdown-hover-color:#4177e2}.light-background{--background-color:#f7f7f7;--surface-color:#fff}.dark-background{--background-color:#060606;--default-color:#fff;--heading-color:#fff;--surface-color:#252525;--contrast-color:#fff}.accent-background{--background-color:#4177e2;--default-color:#fff;--heading-color:#fff;--accent-color:#fff;--surface-color:#2ae149;--contrast-color:#fff}:root{scroll-behavior:smooth}nav{background-color:#fff;box-shadow:0 0 18px #0000001a;color:#444;position:sticky;text-transform:uppercase;top:0;z-index:100}nav>.wrapper{align-items:center;display:flex;justify-content:space-between}.menu{width:55%}.logo{align-items:center;display:flex}.logo>a{color:#444;font-size:1.5rem;font-weight:900;letter-spacing:8px;text-decoration:none}.logo img{max-height:30px;vertical-align:middle;width:auto}.menu>ul{display:flex;font-weight:500;justify-content:space-between;list-style-type:none;margin:0;padding:0}.menu>ul>li>a{color:#444;text-decoration:none}nav>.wrapper>button{background-color:initial;border:0;cursor:pointer;display:none;padding:0;position:absolute;right:10px;top:10px}nav>.wrapper>button>svg{color:#444;font-size:50px}@media only screen and (max-width:1000px){.menu>ul{display:none}.menu.tampil>ul{display:inline}.menu{text-align:right}nav>.wrapper>button{display:inline}.menu>ul{background-color:#fff;flex-direction:column;left:0;position:fixed;top:70px;width:100%}.menu>ul>li{cursor:pointer;text-align:left}.menu>ul>li>a{display:inline-block;padding:15px 20px 15px 50px;width:100%}.menu>ul>li>a:hover{background-color:#cfcfcf}}header{background-color:#39404a;background-position:50%;font-family:Kanit,sans-serif;height:100vh;letter-spacing:5px;position:relative;text-shadow:0 0 4px #000}header img{object-fit:cover;object-position:center;z-index:1}.header-jumbotron,header img{height:100%;left:0;position:absolute;top:0;width:100%}.header-jumbotron{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;z-index:2}.header-jumbotron>img{width:150px}.header-jumbotron>h3{color:#fff;font-size:36px;font-weight:700;line-height:4rem;margin:30px 0 0;padding:5px;text-transform:uppercase}.header-jumbotron>p{color:#fff;font-size:1.2rem;margin:0 5px 20px;padding:5px;text-align:center}.socialMedia{color:#fff;gap:20px}.socialMedia>a{align-items:center;background-color:#222831;border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;width:80px}.socialMedia>a>svg{height:30px;width:auto}.socialMedia>a:hover{background-color:#aa392d}@media only screen and (max-width:1000px){.socialMedia>a{height:60px;width:60px}.socialMedia>a>svg{height:30px;width:auto}}#survei>.wrapper>p{text-align:center}.tombol-survei{background-color:#4177e2;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:16px;margin:20px auto;padding:10px 20px;text-decoration:none;width:fit-content}.tombol-survei:hover{background-color:#0056b3}.tombol-survei a{color:inherit;text-decoration:none}#pengaduan{background-color:#eaedef;font-size:1.2rem;position:relative}#pengaduan>.wrapper{margin:auto;width:50%}#pengaduan>.wrapper>h3{color:#333;font-family:Kanit,sans-serif;font-size:2rem;letter-spacing:5px;margin:0 0 30px;padding:0;text-align:center;text-transform:uppercase}#pengaduan>.wrapper>p{text-align:center}#pengaduan>.wrapper>h4{color:#333;font-family:Kanit,sans-serif;font-size:1.4rem;letter-spacing:5px;margin:0 0 20px;padding:0;text-align:center}.tombol-pengaduan{background-color:#4177e2;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:16px;margin:20px auto;padding:10px 20px;text-decoration:none;width:fit-content}.tombol-pengaduan:hover{background-color:#0056b3}.tombol-pengaduan a{color:inherit;text-decoration:none}@media only screen and (max-width:1000px){#pengaduan>.wrapper{width:80%}}footer{background-color:#39404a;color:#fff;letter-spacing:5px;line-height:100px;text-align:center}#video{background-color:#eaedef;box-shadow:0 0 18px #0000001a;font-size:1.2rem;position:relative}#video>.wrapper{margin:auto;width:50%}#video>.wrapper>h3{color:#333;font-family:Kanit,sans-serif;font-size:2.8rem;letter-spacing:5px;margin:0 0 30px;padding:0;text-align:center;text-transform:uppercase}#video>.wrapper>p{text-align:center}#video>.wrapper>h4{color:#333;font-family:Kanit,sans-serif;font-size:1.4rem;letter-spacing:5px;margin:0 0 20px;padding:0;text-align:center}.video-container{margin-bottom:20px;margin-top:20px;text-align:center}.video-container iframe{border-radius:8px;box-shadow:0 4px 8px #0000001a;display:block;margin:0 auto;max-width:100%}@media only screen and (max-width:1000px){#video>.wrapper{width:80%}}#detail-portfolio>.wrapper{width:60%}#detail-portfolio>.wrapper>img{border-radius:10px;margin:auto;width:100%}#detail-portfolio>.wrapper>p.skill{color:#222831;font-size:1.5rem;text-align:center}.wrapper>h5{border-bottom:5px solid #ccc;color:#222831;font-family:Kanit,sans-serif;font-size:2rem;letter-spacing:5px;margin:0 0 30px;padding:0;text-align:center;text-transform:uppercase}.wrapper>h5:after{border-bottom:5px solid #4177e2;bottom:-5px;content:"";display:block;margin:auto;position:relative;width:45%}#tentang-kami>.wrapper>h4{color:#333;font-family:Kanit,sans-serif;font-size:1.4rem;letter-spacing:5px;margin:0 0 4px;padding:0;text-align:center}#tentang-kami>.wrapper>p,.wrapper{text-align:center}.wrapper{max-width:900px;padding:5px}.brand-container{align-items:center;display:flex;flex-wrap:wrap;gap:50px;justify-content:center;margin-bottom:0;margin-top:40px}.brand-container a{display:block;line-height:0}.brand-container img{height:auto;max-width:150px;transition:transform .2s ease-in-out}.brand-container img:hover{transform:scale(1.05)}.kontak{padding-bottom:30px;padding-top:1px;text-align:center}.socialMedia{gap:30px;margin-bottom:30px}.socialMedia,.socialMedia a{align-items:center;display:flex;justify-content:center}.socialMedia a{background-color:#fff;border:2px solid #007bff;border-radius:20%;color:#fff;font-size:20px;height:60px;text-decoration:none;transition:color .3s ease,transform .2s ease;width:60px}.socialMedia a:hover{background-color:#3262c2;border-color:#0056b3;color:#fff;transform:translateY(-3px)}.socialMedia img{height:32px;width:32px}.kontak-wrapper{background-color:#e0e0e0;flex-wrap:wrap;gap:30px;justify-content:center;margin:0 auto;max-width:1000px;padding:50px}.alamat,.kontak-wrapper{align-items:flex-start;display:flex}.alamat{flex-direction:row;max-width:280px;text-align:left}.ikon{color:#1a73e8;font-size:40px;margin-right:10px;margin-top:2px}.alamat h4{font-size:15px;font-weight:700;margin:0;text-align:left}.alamat p{color:#333;font-size:14px;margin:4px 0 0;text-align:left}@media only screen and (max-width:1000px){.grid{grid-template-columns:45% 45%}}.cards-wrapper{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;gap:30px;justify-content:center;margin:0 auto;max-width:1200px;padding:20px}.card-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;flex-shrink:0;min-width:300px;overflow:hidden;width:450px}.card-image-placeholder{align-items:center;background-color:#f0f0f0;display:flex;height:250px;justify-content:center;overflow:hidden;width:100%}.card-image-placeholder img{display:block;height:100%;object-fit:cover;width:100%}.card-content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:20px;text-align:left}.card-title{color:#333;font-size:1.5em;margin-bottom:10px}.card-date{color:#777;font-size:.9em;margin-bottom:15px}.card-description{color:#555;font-size:1em;line-height:1.6;margin-bottom:20px}.tombol-info{background-color:#4177e2;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:16px;margin:20px auto;padding:10px 20px;text-decoration:none;width:fit-content}.tombol-info:hover{background-color:#0056b3}.tombol-info a{color:inherit;text-decoration:none}.wrapper ol{list-style-type:lower-alpha;margin-bottom:5px;padding-left:20px}.wrapper ol li{text-align:justify}.wrapper{margin:0 auto;max-width:800px;padding:20px}.image-container{margin-bottom:20px;margin-top:20px;text-align:center}.image-container img{border-radius:8px;box-shadow:0 4px 8px #0000001a;display:block;height:auto;margin:0 auto;max-width:100%}p{text-align:left}
/*# sourceMappingURL=main.882cb3ab.css.map*/