*{color:#000 !important;transition:all .4s ease-in-out !important}* a{text-decoration:none}* ul{list-style:none}nav img{width:70px;padding:0 !important}nav .nav-item{margin:auto 0;cursor:pointer}@media(max-width: 850px){.navbar-nav{padding:.25rem;width:100%}.navbar-nav li{font-size:1.5rem}}.container-fluid{text-align:center}@media(min-width: 1000px){.container-fluid{width:85%}.container-fluid .navy{width:100%;margin-right:100px;display:flex;flex-direction:row;justify-content:space-between}.container-fluid li{font-weight:500}}body{background-image:url(/assets/images/BG.jpg);background-repeat:no-repeat;background-size:100% 105%;font-family:"effra";margin:50px}@font-face{font-family:"Effra";font-weight:900;src:url(/assets/fonts/alfont_com_Dalton-Maag-Effra-Bold.ttf)}@font-face{font-family:"Effra";font-weight:400;src:url(/assets/fonts/alfont_com_Effra_Md.ttf)}@font-face{font-family:"Effra";font-weight:100;src:url(/assets/fonts/alfont_com_Effra_Rg.ttf)}@media(max-width: 450px){body{margin:20px}}#up-btn{position:fixed;cursor:pointer;right:2rem;bottom:2rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;box-shadow:0px 2px 5px rgba(0,0,0,.637);border-radius:50%;z-index:999}#main{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:2rem;height:70vh}#main h2{font-size:120px;font-weight:800;text-align:center}#main h4{font-size:45px;font-weight:600}#main h6{margin-top:10px;font-size:20px}#main ul{display:flex;justify-content:space-between;margin:40px 0px 0px 0px;padding:0;height:auto;width:10rem}#main li img{width:25px}@media(max-width: 450px){#main{height:85vh;text-align:center}#main h2{font-size:65px;font-weight:800}#main h4{font-size:11px;font-weight:400}#main h6{font-size:20px;font-weight:lighter;margin-top:5px}#main ul{display:flex;justify-content:space-between;margin:40px 0px 0px 0px;padding:0;height:auto;width:10rem}#main li img{width:25px}}.line{text-align:center}@media(max-width: 1000px){.line{display:none}}#who{height:100vh;padding:0px 120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@media(max-width: 450px){#who{height:100vh;padding:20px 30px}#who h2{font-size:40px}#who p{font-size:20px;font-size:18px}#who ul{flex-direction:column}#who ul li{display:flex;flex-direction:row;align-items:center;justify-content:center;width:18rem;margin-bottom:2rem}#who ul li h3{font-size:45px;margin-left:15px;height:28px}#who ul li p{font-size:35px;font-weight:bold}}@media(min-width: 451px)and (max-width: 850px){#who{padding:0px 70px}}.text h2{font-size:60px;font-weight:bold}.text p{font-size:30px;font-weight:500}.statstics{margin-top:4rem;width:100%}.statstics ul{margin:0;padding:0;display:flex;width:100%;align-items:center;justify-content:space-around}.statstics ul li{padding:10px}.statstics ul li h3,.statstics ul li p{line-height:90%;margin:0;padding:0}.statstics li{position:relative;width:7rem;height:7rem}@media(min-width: 1000px){.statstics li::after{position:absolute;content:"";width:12rem;height:12rem;background:radial-gradient(#ffbb00, rgba(255, 187, 0, 0.9058823529), rgba(255, 187, 0, 0.8784313725), rgba(255, 255, 255, 0.856), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.322), rgba(255, 255, 255, 0.089));border-radius:50%;top:-20px;left:-15px;z-index:-99}}.statstics h3{font-size:60px;font-weight:900}.statstics p{font-size:30px}#services{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem;height:100vh}@media(max-width: 450px){#services{height:auto;padding:1rem}#services .servicesPackage{grid-template-columns:1fr;padding:0rem}#services .servicesPackage li{height:auto;width:100%;padding:2rem;margin-bottom:1.5rem;display:grid;align-items:center;justify-content:center;grid-template-columns:40% 60%;grid-template-rows:1fr 1fr;grid-template-areas:"logo head" "para para"}#services .servicesPackage li h3{grid-area:head;font-size:20px}#services .servicesPackage li .logo{grid-area:logo}#services .servicesPackage li p{grid-area:para;width:100%;height:45px;font-weight:lighter}}@media(min-width: 451px)and (max-width: 850px){#services{height:100vh;padding:1rem}#services .servicesPackage{grid-template-columns:1fr;padding:0rem}#services .servicesPackage li{height:fit-content;width:100%;padding:2rem;margin-bottom:1.5rem;display:grid;align-items:center;justify-content:center;grid-template-columns:20% 80%;grid-template-rows:1fr 1fr;grid-template-areas:"logo head" "para para"}#services .servicesPackage li h3{grid-area:head;font-size:35px}#services .servicesPackage li .logo{grid-area:logo}#services .servicesPackage li p{font-size:22px;grid-area:para;width:100%;height:45px}}.servicesHeading{margin-bottom:3rem}.servicesHeading h2{font-size:60px;font-weight:700}.servicesHeading p{font-size:20px}.servicesPackage{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:2rem}.servicesPackage li{transform:translateY(10px);height:375px;padding:2rem;border-radius:2rem;box-shadow:0px 3px 6px rgba(0,0,0,.425);text-align:justify;text-justify:kashida;animation:load .6s 1}.servicesPackage li:hover{box-shadow:0px 3px 12px rgba(0,0,0,.247);transform:translateY(-2px)}.servicesPackage li h3{font-size:35px}.servicesPackage li h3 span{font-size:25px}.servicesPackage .icon{margin:0;width:4.5rem;height:4.5rem;border:solid #000 .1px;border-radius:50%;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.servicesPackage .icon img{width:2.5rem}.servicesPackage .icon i{line-height:50%;font-size:1.5rem}@keyframes load{0%{transform:translateY(-5px);opacity:0%}100%{transform:translateY(5px);opacity:100%}}#portofolio{height:100vh;padding:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#portofolio h2{font-size:60px;font-weight:700}#portofolio p{font-size:20px}@media(max-width: 450px){#portofolio{height:80vh}#portofolio h2{font-size:40px}#portofolio p{font-size:18px}#portofolio .portofolio-gallery{height:80%}}@media(min-width: 451px)and (max-width: 850px){#portofolio{height:70vh}#portofolio .portofolio-gallery{height:20rem}}.portofolio-gallery{display:flex;align-items:center;max-height:40rem;padding:1rem 0rem}.portofolio-gallery .work{height:95%;position:relative;box-shadow:0px 2px 10px rgba(0,0,0,.6);z-index:1;border-radius:2rem .5rem .5rem 2rem;overflow:hidden;display:flex;flex-direction:column}.portofolio-gallery .work img{width:100%;border-radius:2rem .5rem 0rem 0rem}.portofolio-gallery .work .text{display:flex;flex-direction:column;padding:1rem;align-items:center;justify-content:center}.portofolio-gallery .work .text>p{font-size:1rem !important;font-weight:200;text-align:center}.portofolio-gallery .work .text>p>.hidden{display:none}.portofolio-gallery .work .text>p>span.link{text-decoration:underline;cursor:pointer}.portofolio-gallery .work .text button{position:relative;background-color:rgba(0,0,0,0);padding:.5rem 1rem;border-radius:.5rem;border:solid #131418 1px;margin:0rem}.portofolio-gallery .work .text button:hover{background-color:#000;color:#fff !important}.portofolio-gallery .work .text button:hover a{color:#fff !important}.portofolio-gallery .work.right{border-radius:.5rem 2rem 2rem .5rem}.portofolio-gallery .work.right img{border-radius:.5rem 2rem 0rem 0rem}.portofolio-gallery .work.centered{height:100%;border-radius:.5rem .5rem .5rem .5rem}.portofolio-gallery .work.centered img{border-radius:.5rem .5rem 0rem 0rem}.portofolio-gallery .work-cover{background-color:rgba(0,0,0,.45);opacity:0%;width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;animation-duration:.3s;animation-iteration-count:infinite}.portofolio-gallery .work-cover p{color:#fff !important}.portofolio-gallery .work-cover .work-cover-logo{display:flex;align-items:center;justify-content:center;font-size:3rem;height:4rem;width:4rem}.portofolio-gallery .work-cover .work-cover-logo i{color:#fff !important;padding:0;height:3rem}.portofolio-gallery .work-cover:hover{opacity:100%}.portofolio-gallery .work-cover a{color:#fff !important;text-decoration:underline}#skills{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 4rem}#skills p{margin-top:0rem}@media(max-width: 450px){#skills{padding:2rem .75rem;height:auto}}@media(min-width: 450px)and (max-width: 850px){#skills{height:fit-content}}.skills-heading{height:40%;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.skills-heading .line{background-color:#000;width:1px;height:70%;margin:0rem 2.5rem}.skills-heading h2{font-size:60px;font-weight:700;text-align:center;width:50%}.skills-heading p{text-align:center;margin:0;width:50%;font-size:20px;text-align:justify}@media(max-width: 450px){.skills-heading{flex-direction:column;text-align:center}.skills-heading .line{display:none}.skills-heading h2{width:100%;font-size:40px}.skills-heading p{width:100%;font-size:18px}}.skills-bar{display:flex;width:100%;justify-content:space-between}.skills-bar .skill{display:flex;flex-direction:column;align-items:center}.skills-bar .skill img{position:absolute;z-index:2;width:6rem;transform:rotate(-90deg)}.skills-bar .skill .img{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:9rem;height:9rem;border-radius:50%;border:1px solid #ffba00;margin-bottom:1rem;z-index:2;transform:rotate(90deg)}.skills-bar .skill .img::after{position:absolute;content:"";background-color:#fff;width:75%;height:75%;border-radius:50%}.skills-bar .skill h4{z-index:999;font-size:2rem}@media(max-width: 450px){.skills-bar{padding:1rem .25rem;display:grid;grid-template-columns:1fr 1fr;column-gap:1.5rem;text-align:center}.skills-bar .skill .img{width:6rem;height:6rem}.skills-bar .skill .img img{width:4.5rem}.skills-bar .skill h4{font-size:1rem}}@media(min-width: 451px)and (max-width: 850px){.skills-bar{display:grid;grid-template-columns:auto auto auto;grid-template-rows:1fr 1fr}.skills-bar .skill .img{width:6rem;height:6rem}.skills-bar .skill .img img{width:4.5rem}.skills-bar .skill h4{font-size:1rem}}#footer{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"head head" "mail text";column-gap:4rem;height:fit-content;background:linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));box-shadow:0px 3px 10px rgba(0,0,0,.342);border-radius:2rem;backdrop-filter:blur(10px);padding:3rem}#footer>h2{font-size:60px;grid-area:head;text-align:center;margin-bottom:2rem;font-weight:bold}@media(max-width: 450px){#footer{grid-template-columns:1fr;grid-template-areas:"head" "mail" "text";height:auto;margin-top:2rem;padding:1.75rem}#footer>h2{font-size:40px}#footer .contact-me .in{margin-bottom:1rem}#footer .contact-me .in h4{font-size:1rem}#footer .contact-me .send{width:100%}#footer .aboutMe{margin-top:2rem}#footer .aboutMe h2{margin-bottom:1.5rem}}@media(min-width: 451px)and (max-width: 850px){#footer{height:fit-content}#footer .send{width:40%}}.contact-me{display:flex;flex-direction:column;justify-content:space-between;height:100%;grid-area:mail;align-items:flex-end}.contact-me .in{display:flex;flex-direction:column;height:fit-content;width:100%;justify-content:center;margin-bottom:1rem}.contact-me .in h4{font-size:1.5rem}.contact-me .in input,.contact-me .in textarea{background-color:rgba(0,0,0,0);border:1px solid #000;font-size:1.1rem;border-radius:.5rem;height:2.5rem;padding:.5rem;display:flex;align-items:start;outline:none}.contact-me .in.message textarea{height:6rem;vertical-align:text-top}.contact-me .send{width:20%;background-color:rgba(0,0,0,0);border:1px solid #000;border-radius:.5rem;height:3rem;margin-top:0rem;font-weight:bold}.contact-me .send:hover{color:#fff !important;background-color:#000;transition:.2s ease-in-out all}.aboutMe{grid-area:text}.aboutMe .social-media-contact ul{display:flex;padding:0;width:70%;justify-content:space-between}.aboutMe .social-media-contact ul img{width:2rem}@media(max-width: 850px){.aboutMe .social-media-contact ul{width:100%;margin-top:1rem}}.aboutMe h2{font-size:4rem;font-weight:bold}.aboutMe p{font-size:1.2rem;text-align:justify}.aboutMe #d{background-color:#fff;border:none;padding:1rem;border-radius:1rem;box-shadow:0px 2px 8px rgba(0,0,0,.705);width:12rem;cursor:auto;transition:.5s all ease-in-out !important}.aboutMe #d[open]{display:flex;flex-direction:column;align-items:center}.aboutMe #d img{width:90%;margin-bottom:.5rem}.aboutMe #d p{font-size:1rem;font-weight:500}.aboutMe #d button{background-color:rgba(0,0,0,0);border:none}.aboutMe .dialog-button{background-color:rgba(0,0,0,0);border:none;padding:0}/*# sourceMappingURL=global.css.map */