@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;1,400;1,600&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@1,800&display=swap";:root{--primary-color: white }*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif}a,ul,li{text-decoration:none;list-style:none}.loaderHome{overflow-y:hidden;overflow-x:hidden;background-color:#070707;position:fixed;width:100%;height:100vh;z-index:10}.hero{background-color:#1a1d1b;width:100%;height:100vh;position:relative;overflow:hidden}.textFilled,.textOutline{position:absolute;text-transform:uppercase;font-style:italic;pointer-events:none;color:#fff;z-index:1;white-space:nowrap;font-size:8.5rem;transition:all 2s cubic-bezier(.165,.84,.44,1);font-weight:800}.textOutline{z-index:3;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:2px}.heroimage{height:100vh;display:flex;justify-content:center;align-items:center}.heroPicture{z-index:2;width:500px;height:555px}.firstText{position:absolute;top:20rem}.secondText{position:absolute;top:27rem}@media screen and (max-width :576px){body,.hero{overflow-x:hidden}.firstText{top:24rem}.secondText{top:33rem}.heroPicture{width:300px;height:340px}.textFilled,.textOutline{text-transform:uppercase;font-style:italic;pointer-events:none;color:#fff;z-index:1;white-space:nowrap;font-size:11rem;font-weight:800;margin-top:-1rem;margin-left:-8rem;line-height:1.6rem}.textFilled{line-height:1.7rem}.textOutline{z-index:3;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:2px}}.about{background-color:#1a1d1b;color:#fff;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.aboutTypo{position:absolute;left:0;display:flex;flex-direction:column;line-height:5rem;text-transform:uppercase;font-size:8rem;font-weight:1000;opacity:25%;pointer-events:none;z-index:1;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:2px}.aboutContent{z-index:2;width:40%;line-height:1.7rem;font-size:1.5rem;line-height:2.3rem}.aboutBott{color:#41b2d4;text-decoration:underline;font-weight:700;margin-left:17rem}.aboutBott:hover{color:#8a2be2}.gaya{color:#fff;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:.4px}@media screen and (max-width :576px){body{overflow-x:hidden;width:100%;height:100vh}.about{overflow-x:hidden;background-color:#1a1d1b;color:#fff;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.aboutTypo{overflow-x:hidden;right:0;display:flex;flex-direction:column;line-height:3rem;text-transform:uppercase;font-size:4rem;font-weight:700;opacity:25%;pointer-events:none;z-index:1;margin-bottom:9rem;font-style:italic}.aboutContent{z-index:2;width:100%;line-height:1.9rem;padding:11rem 2rem;margin-bottom:-7rem;font-size:17px;position:absolute}.gaya{color:#fff;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:.5px}.aboutBott{margin-left:8rem;margin-bottom:9rem;font-size:1rem}.aboutInfo{width:80%;font-size:2rem}}nav{font-size:1.3rem;z-index:4}nav span,a{color:#fff;font-weight:700}.iconNavbar{display:none}.navName{position:fixed;display:flex;flex-direction:column;line-height:.8rem;left:.5rem;top:.5rem;line-height:1.4rem;z-index:4;font-size:1rem}.navMenuRight{position:fixed;right:.5rem;top:.5rem;display:flex;flex-direction:column;line-height:1.8rem;text-align:end;z-index:4;font-size:1rem}.navMenuBott{position:fixed;bottom:.5rem;left:.5rem;display:flex;flex-direction:column;line-height:1.6rem;text-align:start;z-index:4;font-size:1rem}.navMenuBott a:hover,.navMenuRight a:hover{color:#41b2d4}@media screen and (max-width :576px){body{overflow-x:hidden}nav{overflow-x:hidden;width:100%;display:flex;justify-content:center}.navName{position:absolute;font-size:1.5rem}.iconNavbar{display:block;font-size:1.7rem}.TextNavbar{display:none}.navMenuRight,.navMenuBott{display:flex;flex-direction:row;position:static;gap:.5rem;align-items:center}.containerNav{display:flex;flex-direction:row;position:fixed;z-index:4;background:rgba(119,113,113,.322);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);bottom:1rem;padding:.5rem 1rem;border-radius:15px;gap:.5rem}.iconActive{color:#41b2d4;padding:.2rem;border-radius:50%}}#work{background-color:#1a1d1b;width:100%;padding:2rem 4rem;color:#fff}.workMain{display:flex;flex-direction:column;gap:.5rem}.workImage{width:350px;height:350px}.workText{display:flex;flex-direction:row;gap:.5rem}.workTitle{display:flex;flex-direction:column}.workTitle span:nth-child(1){font-size:.9rem;font-weight:700}.workTitle span:nth-child(2){font-size:.7rem}.workNumber{font-weight:700;font-size:.9rem}.workOpening{padding:2rem;font-size:1.5rem;font-style:italic}.workLink{height:50vh;display:flex;align-items:end;width:60%;justify-content:end}.workLinked{color:#41b2d4;text-decoration:underline;font-weight:700;border:1}.workLinked:hover{color:#8a2be2}.workContainer{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;transform:translateY(-4rem)}.workDesign{display:flex;flex-direction:row;justify-content:space-between}.workTypo{font-size:6rem;font-weight:1000;display:flex;flex-direction:column;text-transform:uppercase;line-height:3.5rem;opacity:25%;pointer-events:none;font-style:italic}@media screen and (max-width :576px){body{overflow-x:hidden}#work{overflow-x:hidden;overflow-y:hidden;background-color:#1a1d1b;width:100%;height:100vh;padding:6rem 1rem;color:#fff}.workContainer{width:100%;height:100vh;justify-content:center;align-items:center}.workDesign{position:absolute;padding-top:1.6rem}.workMain{display:flex;flex-direction:column;gap:4rem}.workImage{width:240px;height:240px}.workLink{position:absolute;width:150%;display:flex;justify-content:end;padding:0 2rem 0 0;height:26vh}.workOpening{margin-left:-8rem;margin-top:-7.4rem;display:flex;justify-content:center;flex-direction:row;font-size:1.5rem}.workLinked{width:50%;margin-right:-3rem;margin-bottom:5rem;margin-top:9rem}.workTitle span:nth-child(2){font-size:.8rem;margin-bottom:2rem}.workTitle span:nth-child(1){font-size:1rem;font-weight:700;font-style:italic}}#service{background-color:#1a1d1b;color:#fff;position:relative;overflow:hidden;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4rem}.serviceTypo{transform:translate(-6rem);font-size:4rem;text-transform:uppercase;font-weight:800;font-style:italic;white-space:nowrap;display:flex;flex-direction:column;align-items:start;line-height:3.5rem}.outLineTypo{-webkit-text-fill-color:transparent;-webkit-text-stroke-width:2px}.serviceStack{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.serviceTachStack{display:flex;flex-direction:row;gap:1rem}.serviceTachStack span{border:2px solid white;padding:.5rem 2rem;border-radius:25px;transition:all .6s}.serviceTachStack span:hover{border:2px solid white;padding:.5rem 2rem;border-radius:25px;background-color:#fff;color:#000}@media screen and (max-width :576px){body{overflow-x:hidden}.serviceStack{overflow-x:hidden;display:flex;flex-direction:row}.serviceTachStack{display:flex;flex-direction:column}}#footer{width:100%;height:40vh;background-color:#202421;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.footerText img{width:40px;height:40px;border-radius:25px}.footerText{display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;color:#fff}.footerLink a{color:#000;background-color:#fff;padding:.4rem 1rem;border-radius:25px;transition:.6s;border:1px solid white}.footerLink a:hover{color:#fff;background-color:#000;padding:.5rem 1.3rem;border-radius:25px;transition:.6s}.footerLink{display:flex;gap:3rem;font-size:.8rem}.footerSosmed{display:flex;gap:.5rem;color:#fff}.footerSosmed a{display:flex;gap:.5rem;color:#fff;font-size:1rem;padding:0rem 2rem}.footerSosmed a:hover{display:flex;gap:.5rem;color:#1e88a8;font-size:1rem}@media screen and (max-width :576px){body{overflow-x:hidden}#footer{overflow-y:hidden;overflow-x:hidden;width:100%;height:40vh;background-color:#202421;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.8rem}}.loaderHome{overflow-y:hidden;overflow-x:hidden;background-color:#000;position:fixed;width:100%;height:100vh;z-index:10}.containerLoaderHome{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:0;font-size:1.3rem;color:#fff}@media screen and (max-width :576px){body,.loaderHome{overflow-x:hidden}}.more{width:100%;height:100vh;color:#fff;background-color:#1a1d1b}.namee{display:flex;justify-content:center;align-items:center;font-style:italic;font-size:14px}.namaku{display:flex;justify-content:center;align-items:center}.image img{width:350px;height:340px;border-radius:50%;padding:5rem rem;gap:3rem}.ket{width:80%;height:30vh;color:#fff;display:flex;justify-content:center;align-items:center;margin-bottom:4rem;padding:1rem 2rem;background-color:#2e8b5633;border-radius:25px;border:1px solid;margin-right:-1rem;margin-left:2rem}.ket image{gap:5rem}.infoo{display:flex;justify-content:center;flex-direction:column;background-color:#2e8b5633;padding:1rem 9rem;margin-bottom:-22rem;margin-left:8rem;margin-right:3rem;margin-bottom:5rem;border-radius:25px;border:1px solid}.tulisan{display:flex;justify-content:center;text-align:left;padding:2rem 4rem;width:100%;right:0;font-size:17px;border-radius:25px;gap:20px}.workImage1{border-radius:50%;height:300px}.ig{border:1px solid;border-radius:25px;padding:.5rem 1rem}.ig:hover{border:1px solid;border-radius:25px;padding:.5rem 1rem;background-color:#fff;color:#000}.wa{border:1px solid;border-radius:25px;padding:.5rem 1rem}.wa:hover{border:1px solid;border-radius:25px;padding:.5rem 1rem;background-color:#fff;color:#000}@media screen and (max-width :576px){body{overflow-x:hidden}.more{overflow-x:hidden;width:100%;height:100%;color:#fff;background-color:#1a1d1b}.tulisan span{gap:30px;font-size:12px}.workImage1{width:60px;height:8vh}.iay{display:flex;justify-content:center;align-items:center;font-size:10px;margin-left:-25px}.pesan{display:block;text-align:center;padding:1rem 2px;margin-bottom:20px;height:100vh}.namapesan,.namapesan2{position:relative;margin-bottom:20px;background:transparent;color:#fff;padding:1rem 2rem;border-radius:25px}.back{text-align:center;display:flex;justify-content:center;border-radius:50px;padding:1rem 2rem;background-color:#635d63}}