@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;500&display=swap);:root{--primary-color-1:#e4efe9;--primary-color-2:#93a5cf;--primary-font-1:#555;--primary-font-2:#313131}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-thumb{background:linear-gradient(transparent,#93a5cf);background:linear-gradient(transparent,var(--primary-color-2));border-radius:5px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.2);border-radius:5px}.active,.simple-link a:hover{background:hsla(0,0%,100%,.5);transition:none}*{border:none;box-sizing:border-box;font-family:Poppins,sans-serif;font-weight:400;list-style:none;margin:0;outline:none;padding:0;text-decoration:none;text-transform:capitalize;transition:all .2s linear}html{font-size:62.5%}.wrapper,html{overflow:hidden}.wrapper{align-items:flex-start;background:linear-gradient(#e4efe9,#93a5cf);background:linear-gradient(var(--primary-color-1),var(--primary-color-2));display:flex;gap:4rem;justify-content:center;min-height:100vh;padding:5.5rem}header{-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);background:hsla(0,0%,100%,.2);border-radius:1rem;box-shadow:0 1rem 2rem rgba(0,0,0,.3);padding:1rem;text-align:center;width:35rem}header .user{padding-top:2rem}header .user img{border-radius:50%;box-shadow:0 0 0 1rem hsla(0,0%,100%,.2);height:15rem;margin:1rem 0;object-fit:cover;width:15rem}header .user .name{font-size:3rem;padding:.5rem 0}header .user .name,header .user .post{color:#555;color:var(--primary-font-1)}header .user .post{font-size:1.8rem}header nav{padding:1rem 3rem}header nav ul li{margin:1rem 0}header nav ul li a{background:hsla(0,0%,100%,.2);border-radius:1rem;box-shadow:0 1rem 2rem rgba(0,0,0,.3);color:#313131;color:var(--primary-font-2);display:block;font-size:1.6rem;padding:1rem}header nav ul li a:hover{background:hsla(0,0%,100%,.5);transition:none}.container{-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);background:hsla(0,0%,100%,.2);border-radius:1rem;box-shadow:0 1rem 2rem rgba(0,0,0,.3);height:54.2rem;overflow:scroll;overflow-x:hidden;width:86rem}.about,.contact,.home,.project{cursor:default;font-size:1.6rem;margin:1rem;padding:1rem;text-align:justify}.home{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:90%}.home .welcome{color:#555;color:var(--primary-font-1);font-size:2.8rem;margin:1.6rem 0}.home .hello-typing{color:#313131;color:var(--primary-font-2)}.home .text-typing{color:#93a5cf;color:var(--primary-color-2);font-size:4.5rem}.home .share{background:hsla(0,0%,100%,.1);border-radius:1rem;display:flex;padding:1rem;-webkit-transform:translateY(130%);transform:translateY(130%)}.home .share,.home .share a{box-shadow:0 1rem 2rem rgba(0,0,0,.2)}.home .share a{background:hsla(0,0%,100%,.2);color:#555;color:var(--primary-font-1);margin:1rem;padding:1rem 2rem}.cv-btn:hover,.home .share a:hover{background:hsla(0,0%,100%,.5)}.page-title{border-bottom:1px solid #93a5cf;border-bottom:solid var(--primary-color-2);border-bottom-right-radius:1rem;border-width:.5rem;color:#313131;color:var(--primary-font-2);font-size:2.5rem}.about-info{padding:1.7rem 0}.about-text{cursor:default;margin:.6rem 0 1.2rem}.cv-btn{background:hsla(0,0%,100%,.1);border-radius:1rem;box-shadow:0 1rem 2rem rgba(0,0,0,.2);color:#4b68ac;display:inline-block;padding:.8rem 2rem;text-transform:uppercase}.education-title{color:#313131;color:var(--primary-font-2);font-weight:600}.to-right{border-bottom-left-radius:1.1rem;border-bottom-right-radius:0;text-align:end}.box-container{align-items:center;cursor:default;display:flex;flex-wrap:wrap;justify-content:space-around;padding:2rem 0}.box{border-left:.5rem solid hsla(0,0%,100%,.3);padding:0 1.7rem;width:30rem}.box .year{color:#555;color:var(--primary-font-1);font-size:2rem;font-weight:400;position:relative}.box .year:before{background:hsla(0,0%,100%,.9);border-radius:50%;content:"";height:2rem;left:-2.9rem;position:absolute;top:.3rem;width:2rem}.box p{text-transform:none}.skill-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around}.skill-box{background:hsla(0,0%,100%,.1);border-radius:50%;box-shadow:0 1rem 2rem rgba(0,0,0,.2);display:flex;font-size:5rem;margin:1.5rem 0;padding:1rem}.skill-box:first-child{color:red}.skill-box:nth-child(2){color:blue}.skill-box:nth-child(3){color:rgba(255,255,8,.911)}.skill-box:nth-child(4){color:#6363f3}.skill-box:nth-child(5){color:#6e9424}.skill-box:nth-child(6){color:#6eb8c2}.skill-box:hover{background:hsla(0,0%,100%,.5)}.experience-container{display:flex;flex-direction:column;gap:1rem;text-align:left}.experience-box{cursor:default;padding:1rem}.experience-box h3{background:hsla(0,0%,100%,.2);font-size:1.6rem;padding:.8rem}.experience-box p{padding:0 .8rem}.subtitle{color:#555;color:var(--primary-font-1)}.project-container{display:flex;flex-wrap:wrap;gap:2.4rem;justify-content:center;margin:2rem 0;text-align:center}.project-box img{border-radius:.7rem;box-shadow:0 1rem 2rem rgba(0,0,0,.2);width:25rem}.contact-container{align-items:center;display:flex;flex-flow:column;justify-content:center;margin:5rem 0;width:100%}.user-detail{display:flex;gap:1rem}.user-detail input{padding:1rem;width:24.5rem}.user-email input{text-transform:none}.message{margin-bottom:.4rem;margin-top:1rem}.message textarea{height:10rem;overflow:scroll;padding:1rem;resize:none;text-transform:none;width:50rem}.btn-send{cursor:pointer;padding:1rem 4rem}.btn-send:hover{box-shadow:0 1rem 2rem rgba(0,0,0,.2)}.btn-send:disabled{background:hsla(0,0%,100%,.2)}.terkirim{background:rgba(25,255,4,.2);border-radius:1rem;margin:1rem auto 0;padding:1rem;text-align:center;width:40rem}.simple-link,.user-simple{display:none}@media(max-width:1050px){header{display:none}.simple-link{background:#e4efe9;display:flex;font-size:2.5rem;gap:.2rem;justify-content:flex-end;padding:.4rem;position:-webkit-sticky;position:sticky;top:0;z-index:99}.simple-link a{align-items:center;color:#7373c9;display:flex;justify-content:center;padding:1rem 3rem}.about,.contact,.home,.project{margin:0 1rem}.home .share{-webkit-transform:translateY(70%);transform:translateY(70%)}}@media(max-width:630px){.simple-link{justify-content:center}.wrapper{border:1px solid;padding:0 1rem}.container{height:97.5vh;margin:1rem 0}.home .text-typing{font-size:2.6rem}.home .welcome{font-size:2rem}.home .share{-webkit-transform:translateY(100%);transform:translateY(100%)}.home .share a{margin:.5rem}.terkirim{width:100%}.skill-box{font-size:6.5rem}.contact-container{display:block}.message textarea,.user-detail input{width:100%}.user-simple{align-items:center;display:flex;flex-flow:column;gap:.5rem;justify-content:center;margin:-5rem 0 3rem}.user-simple img{border-radius:50%;box-shadow:0 0 0 1rem hsla(0,0%,100%,.2);height:11rem;margin:1rem 0;object-fit:cover;width:11rem}.user-simple .name{color:#555;color:var(--primary-font-1);font-size:2rem;font-weight:600}}
/*# sourceMappingURL=main.de02a74d.css.map*/