body{font-feature-settings:"kern"}h1,h2,h3,h4,h5{margin-bottom:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto,input{padding:0}p{margin-bottom:0}*,:after,:before{border:0 solid #e2e8f0;box-sizing:border-box}.portfolio-text{color:#2d3748;line-height:1.625;margin:0;overflow:hidden;text-overflow:ellipsis}main{padding-top:8rem}.navbar{align-items:center;background:#ffffffa3;justify-content:center;min-height:60px;padding:1.5rem 1rem;top:0;width:100%;z-index:10}@media screen and (min-width:768px){.navbar{display:block}}.nav-item{padding:5px}.navbar-nav{align-items:center;flex-direction:row;justify-content:center}.navbar-nav a{background-color:initial;color:#333;font-size:.9rem;justify-content:center;text-align:center;text-decoration:none;width:100px}.navbar-nav a:hover{border-radius:5px;font-weight:600}@media screen and (min-width:768px){.my-section{min-height:calc(100vh - 100px)}}.__my-container{-webkit-margin-start:auto;-webkit-margin-end:auto;-webkit-padding-start:1rem;-webkit-padding-end:1rem;display:grid;margin-inline-end:auto;margin-inline-start:auto;max-width:56rem;padding-inline-end:1rem;padding-bottom:1rem;padding-inline-start:1rem;width:100%}.my-section{-webkit-box-align:center;-webkit-box-pack:center;align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(-60px + 100vh)}.my-pict{-webkit-margin-start:auto;-webkit-margin-end:auto;border-radius:9999px;display:block;height:10rem;margin-inline-end:auto;margin-inline-start:auto;margin-bottom:5rem;margin-top:2.5rem;overflow:hidden;width:10rem}@media screen and (min-width:768px){.my-pict{height:12rem;width:12rem}}.my-pict__stack img{height:auto;max-width:100%}.my-pict__stack{left:0;top:0}.my-pict__stack img{transition:.4s ease;width:220px}.my-pict:hover .my-pict__stack img{transform:scale(1.08)}.my-name{font-size:60px;font-weight:700;letter-spacing:-.005em;line-height:1}.my-desc-profil{align-items:center;display:flex;flex-direction:column;margin-bottom:40px;text-align:center}.my-desc-button{display:flex;flex-direction:row}.__my-button-desc{-webkit-box-align:center;-webkit-box-pack:center;align-items:center;-webkit-appearance:none;appearance:none;border:1px solid #e2e8f0;border-radius:7px;color:#000;display:inline-flex;font-weight:500;height:40px;justify-content:center;text-align:center;transition-duration:.2s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;vertical-align:middle;width:150px}.my-desc-button .my-contact:hover,.my-desc-button .my-resume:hover{border:1px solid #dfcbcb;font-weight:600;text-decoration:none}.my-button-icon{-webkit-margin-start:.5rem;align-self:center;display:inline-flex;flex-shrink:0;margin-inline-start:.5rem}.my-svg-button{font-size:1rem}.my-contact{-webkit-margin-start:1rem;background-color:#0a0a0a;color:#e2e8f0;display:inline-flex;flex-shrink:0;margin-inline-start:1rem}.__linkme{border-bottom:2px dotted;color:#2b6cb0;font-weight:500}.__linkme:hover{text-decoration:none}.__hr-css{border-color:inherit;border-image:none;border-image:initial;border-style:solid;border-width:0 0 1px;margin-bottom:1rem;opacity:.6;width:100%}.__about-css{-webkit-margin-start:auto;-webkit-margin-end:auto;-webkit-padding-start:1rem;-webkit-padding-end:1rem;display:grid;margin-inline-end:auto;margin-inline-start:auto;max-width:56rem;padding-inline-end:1rem;padding-bottom:1rem;padding-inline-start:1rem;width:100%}.about{display:flex;flex-direction:column;gap:2rem}.about-image{position:relative;width:100%}.about-image:before{content:"";display:block;height:0;padding-bottom:56.25%}.about-image>img{object-fit:cover}.about-image>:not(style){-ms-flex-align:center;align-items:center;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;right:0;top:0}.a-img,.about-image>:not(style){height:100%;position:absolute;width:100%}.a-img{color:#0000;inset:0;object-fit:cover}.about-direction{-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:justify}.about-text,.about-title{font-weight:400}.about-text{font-feature-settings:"kern";font-family:system-ui;font-size:16px;font-style:normal;line-height:1.625;width:100%}.about-skill{grid-row-gap:1.5rem;grid-column-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));padding-bottom:1rem;padding-top:1rem;row-gap:1.5rem;width:100%}@media screen and (min-width:768px){.about-skill{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:270px){.about-skill{grid-template-columns:repeat(2,minmax(0,1fr))}}.about-skill-label{font-size:1.25rem;font-style:normal;font-weight:600;letter-spacing:-.05em;line-height:1.2;margin-bottom:1rem}.about-wrap{font-size:.875rem}.about-wrap__list{--wrap-x-spacing:0.125rem;--wrap-y-spacing:0.125rem;-webkit-box-flex-wrap:wrap;display:flex;flex-wrap:wrap;gap:.5rem;list-style-type:none;margin:calc(var(--wrap-y-spacing)*-1) calc(var(--wrap-x-spacing)*-1);padding:0}.about-wrap__list>:not(style){margin:var(--wrap-y-spacing) var(--wrap-x-spacing)}.about-wrap__listitem{align-items:flex-start;display:flex}li{text-align:-webkit-match-parent}.about-wrap__stack{align-items:center;display:flex;flex-direction:row;gap:.5rem;width:110px}@media screen and (min-width:768px){.about-wrap__stack{width:120px}}.about-wrap__stack>:not(style)~:not(style){margin-top:0;margin-inline:.5rem 0;margin-bottom:0}.about-icon{fill:currentColor;color:currentColor;display:inline-block;flex-shrink:0;height:1rem;line-height:1em;vertical-align:middle;width:1rem}.pl{align-items:center;display:flex;flex-direction:column;padding:20px 100px;text-align:center}.pl-text{width:65%}.pl-title{font-size:50px;font-weight:600}.pl-desc{margin:20px 0}.pl-list{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.p{border:2px solid #f3f2f2;border-radius:10px 10px 0 0;cursor:pointer;height:40vh;margin:20px 10px;overflow:hidden;width:30%}.p-browser{align-items:center;background-color:#f3f2f2;display:flex;height:20px;position:-webkit-sticky;position:sticky;z-index:2}.p-circle{background-color:#fff;border-radius:60%;height:6px;margin:2px;width:6px}.p-img{transition:all 10s ease;width:100%}.p:hover .p-img{transform:translateY(-100%)}.project-container{-webkit-margin-start:auto;-webkit-margin-end:auto;-webkit-padding-start:1rem;-webkit-padding-end:1rem;display:grid;margin-inline-end:auto;margin-inline-start:auto;max-width:56rem;padding-inline-end:1rem;padding-bottom:1rem;padding-inline-start:1rem;width:100%}.project-stack{display:flex;flex-direction:column;gap:3rem}.project-wrapper-section,.projectList-stack{display:flex;flex-direction:column;gap:1rem}.project-wrapper-section{text-align:center}.project-heading{display:block;font-weight:800}.project-text{color:#4a5568}.css-p1{grid-gap:1rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}@media screen and (min-width:640px){.css-p1{grid-template-columns:repeat(2,minmax(0,1fr))}}.project-linkBox{background-color:#ffffff0a;border-radius:.375rem;overflow:hidden;position:relative;transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}.project-linkBox:hover,.project-linkBox[data-hover]{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;opacity:1;transform:scale(1.05)}.__project-aspect-ratio{position:relative}.__project-aspect-ratio:before{content:"";display:block;height:0;padding-bottom:56.25%}.project-detail-stack{-webkit-padding-start:2rem;-webkit-padding-end:2rem;align-items:center;background-color:#000000a3;display:flex;flex-direction:column;gap:.5rem;inset:0;justify-content:center;opacity:0;padding-inline-end:2rem;padding-bottom:1rem;padding-inline-start:2rem;padding-top:1rem;position:absolute;transition-duration:.2s;transition-property:opacity;transition-timing-function:cubic-bezier(.39,.575,.565,1)}.project-detail-stack:hover{opacity:1}.project-detail-heading{color:#fff;font-family:__Inter_0ec1f4,__Inter_Fallback_0ec1f4;font-size:1.25rem;font-style:normal;font-weight:800;letter-spacing:-.05em;line-height:1.2}.project-detail-text{-webkit-box-orient:vertical;-webkit-line-clamp:var(--nico-line-clamp);--nico-line-clamp:2;color:#fff;display:-webkit-box;font-size:.75rem;line-height:1.625;overflow:hidden;text-align:center;text-overflow:ellipsis}.project-wrap__list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;list-style-type:none;padding:0}.project-wrap__listitem{align-items:flex-start;display:flex}.css-p2{--nico-tag-color:#1a202c;--nico-tag-bg:#edf2f7;--nico-tag-shadow:#1a202c;-webkit-padding-start:.5rem;-webkit-padding-end:.5rem;align-items:center;background:var(--nico-tag-bg);border-radius:.375rem;color:var(--nico-tag-color);display:inline-flex;font-size:.75rem;font-weight:500;line-height:1.2;max-width:100%;min-height:1.25rem;min-width:1.25rem;outline:2px solid #0000;outline-offset:2px;padding-inline-end:.5rem;padding-inline-start:.5rem;vertical-align:top}._contact-css{-webkit-margin-start:auto;-webkit-margin-end:auto;-webkit-padding-start:1rem;-webkit-padding-end:1rem;display:grid;margin-inline-end:auto;margin-inline-start:auto;max-width:56rem;padding-inline-end:1rem;padding-inline-start:1rem;position:relative;width:100%}.contact-wrapper{display:flex;flex-direction:column;gap:2rem;height:100%}.contact-left{gap:1rem;justify-content:center;margin:0;text-align:center}.contact-left,.contact-right{display:flex;flex:1 1;flex-direction:column}.contact-title{font-size:50px;font-weight:800}.contact-title-desc{font-weight:600;width:90%}.contact-info-item{align-items:center;display:flex;font-weight:300;margin:50px 0}.contact-icon{height:30px;margin-right:20px;width:80px}.contact-right-desc{color:#8a91a1;font-weight:400}.form-row{margin-left:0;margin-top:10px;width:-webkit-fill-available}.form-row>[class*=col-]{padding-left:0}.form-group{margin:0}.label-input{font-size:14px;font-weight:500}.formContact{margin-top:10px}.formContact span{color:red}.form-textarea{margin-bottom:10px}.form-textarea #message{margin:0}.form-control option{background:var(--select-bg);font-size:12px}.formContact input{border:1px solid #b9b7b7;height:40px;outline:2px solid #0000}.formContact input,.formContact textarea{border-radius:5px;font-size:14px;padding-left:10px;width:100%}.formContact textarea{border:1px solid #b9b7b7;margin:10px 0}.formContact button{align-items:center;background-color:#000;border:none;border-radius:7px;color:#fff;cursor:pointer;display:inline-flex;display:none;font-weight:500;height:45px;justify-content:center;padding:15px;width:150px}.contact-map{display:flex;flex-direction:column;gap:1rem}.toggle{align-items:center;border:1px solid #c0bdbd;border-radius:20px;cursor:pointer;display:flex;height:25px;justify-content:space-around;position:fixed;top:27px;width:50px;z-index:999}.toggle-icon{height:15px;width:15px}.toggle-button{background-color:#999;border-radius:50%;height:20px;position:absolute;width:20px}.__toggleTab{align-items:center;cursor:pointer;display:flex;height:25px;justify-content:space-around;position:fixed;top:26px;width:50px;z-index:999}.__toggleTab-icon{height:15px;width:15px}.__mobile-navbar{align-items:center;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#d8d8d8a3;border-radius:100px;bottom:0;display:flex;flex-direction:row;justify-content:center;left:50%;list-style:none;margin-bottom:0;padding-left:0;transform:translate(-50%);width:-webkit-fit-content;width:fit-content}.__mobileIconText{color:#000;font-size:13px;font-weight:600;text-align:center}.__toggleMobile{align-items:center;background:#0000;color:#000;cursor:pointer;display:grid;justify-content:space-around;width:100px}.__toggleMobile.active,.__toggleMobile:hover{color:#000;text-decoration:none}.__toggleMobile-icon{font-size:16px;justify-content:center;text-align:center;width:3em}.__toggleMobile-icon:hover{transform:scale(1.04)}[type=button]:active,[type=button]:focus,[type=reset],[type=submit],button,html{border:none;outline:none}.modal.fade .modal-dialog{border-radius:10px 10px 0 0;bottom:0;left:0;margin:0;position:fixed;right:0;transform:translateY(100%);transition:transform .3s ease-out}.modal.show .modal-dialog{transform:translateY(0)}.modal-backdrop{display:none}.modal-content{border-radius:10px 10px 0 0}.modal-header{border-bottom:none}.modal-body{-webkit-padding-start:1.5rem;-webkit-padding-end:1.5rem;flex:1 1;overflow:auto;padding-inline-end:1.5rem;padding-bottom:1rem;padding-inline-start:1.5rem;padding-top:.5rem}.modal-stack{align-items:center;display:flex;flex-direction:column;gap:.5rem}.modal-link{-webkit-padding-start:1rem;-webkit-padding-end:1rem;align-items:center;-webkit-appearance:none;appearance:none;border-radius:.375rem;color:#000;display:inline-flex;font-size:.875rem;font-weight:400;height:2.5rem;justify-content:center;line-height:1.2;min-width:2.5rem;outline:2px solid #0000;padding-inline-end:1rem;padding-inline-start:1rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;width:100%}.modal-link:hover{color:inherit;text-decoration:none}.footer{padding:50px 100px 30px;text-align:center}.footer-icon__button .icon-button__link{color:#718096}.footer-icon{width:3em}.footer-desc__made a{color:#2756a3;font-weight:500}.textChange{font-size:15px}.footer-function{align-items:center;display:flex;flex:1 1;justify-content:center}.footer-function sub{color:#2756a3;font-weight:600}.f2{display:none}.sub a{margin:0 10px}.icon-button__link .footer-icon:hover{transform:scale(1.04)}.noPost{padding:10px;text-align:center}.noPost-Wrapper{-webkit-box-align:center;-webkit-box-pack:center;align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(-60px + 100vh);row-gap:2rem}.noPost h2{font-weight:800}.noPost-Direction{font-size:13px}.noPost-TextDesc{font-size:12px}.experience-container{-webkit-margin-start:auto;-webkit-margin-end:auto;-webkit-padding-start:1rem;-webkit-padding-end:1rem;display:grid;font-size:15px;margin-inline-end:auto;margin-inline-start:auto;max-width:56rem;padding-inline-end:1rem;padding-bottom:1rem;padding-inline-start:1rem;width:100%}.experience-stack{display:flex;flex-direction:column}.wrapper-section{text-align:center}.experience-heading{display:block;font-weight:800}.experience-text{color:#4a5568}.experience-textList{list-style-type:none;margin:0 0 1rem .5rem;text-align:justify}.experience-stack ul{padding:0}.experience-subTrack{align-items:center;display:flex}.experience-svg{color:#2756a3;display:inline-block;flex-shrink:0;height:1em;line-height:1em;margin-right:.5rem;width:1em}.experience-link{border-bottom:2px dotted;color:#2756a3;font-size:13px;font-weight:520}.experience-link:hover{text-decoration:none}.loadData{align-items:center;display:flex;justify-content:center;letter-spacing:.3rem}.letter{animation:bounce 1s ease-in-out infinite;display:inline-block;font-size:1em;transform-origin:bottom}@keyframes bounce{0%,80%,to{transform:translateY(0)}30%{transform:translateY(-5px)}60%{transform:translateY(15px)}}.letter:first-child{animation-delay:.1s}.letter:nth-child(2){animation-delay:.2s}.letter:nth-child(3){animation-delay:.3s}.letter:nth-child(4){animation-delay:.4s}.letter:nth-child(5){animation-delay:.5s}.letter:nth-child(6){animation-delay:.6s}.letter:nth-child(7){animation-delay:.7s}.letter:nth-child(8){animation-delay:.8s}.letter:nth-child(9){animation-delay:.9s}@media only screen and (max-width:400px){.__toggleMobile{width:75px}.__mobileIconText{font-size:11px}.__my-button-desc{font-size:14px;width:130px}}@media screen and (max-width:480px){main{padding-top:20px}.my-name{font-size:2.25rem;margin-bottom:1rem}.nav-item .nav-link{align-items:center;justify-content:center;text-align:center}.navbar{display:none;position:fixed;top:5;width:100%}.navbar-collapse{overflow:hidden;transition:height .5s ease}.portfolio-text{font-size:13px}.contact-bg{display:none}.contact-wrapper{flex-direction:column}.contact-left{margin-top:0!important}.contact-title{font-size:35px;text-align:center;width:100%}.contact-title-desc{color:#8a91a1;font-weight:400;margin-top:1.5rem;width:100%}.text-justify{font-size:15px}.formContact{display:flex;flex-wrap:wrap;margin-top:1rem}.formContact input{height:40px;margin-left:0;width:100%}.formContact button{margin-bottom:10px}.footer-icon__button{align-items:center;display:flex;justify-content:center}.textChange{font-size:13px}.f1{display:none}.f2{display:block}.footer{padding:20px 0 80px}.__toggleTab,.toggle{display:none}.__mobileIconText{font-size:12px}.experience-container{margin:0}.project-container{padding-top:70px}}@media (min-width:481px) and (max-width:768px){.navbar{display:none}.my-left-profil{align-items:center;height:100%;justify-content:center;padding:10px 10px 0;text-align:center}.my-name{font-size:40px;margin-bottom:2rem}.hr-pembatas{display:block;margin:50px 120px 0}.my-title{height:25px}.my-title-wrapper{height:50%}.my-title-item{align-items:center;font-size:20px;justify-content:center}.my-pict{margin-bottom:2rem}.my-desc-wrapper{font-size:14px}.noPost-textDesc{padding:120px 20px}.about{flex-direction:column;padding-top:0!important}.about,.about-info{display:grid}.about-skill{padding:0}.about-left{display:block;padding-top:0!important;width:100%}.about-image{border-radius:5px;height:30vh;left:0;width:100%}.about-direction{padding:0}.about-direction p{font-size:17px;width:100%}.about-desc{font-size:15px;width:100%}.about-desc .interest{margin-top:10px}.about-sub{margin:10px 0}.about-title{display:none}.about-end{font-size:14px;padding:0}.footer{padding-bottom:100px}.footer-icon__button{align-items:center;display:flex;justify-content:center}.textChange{font-size:13px}.f1{display:block}.__toggleTab,.f2,.toggle{display:none}.__mobileIconText{font-size:12px}}@media only screen and (min-width:769px) and (max-width:1024px){.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .navbar-collapse{display:flex!important}.__about-css{padding-bottom:2rem;padding-top:2rem}.about{display:grid;flex-direction:column;padding-top:0!important}.about-info{display:grid;margin-top:20px}.about-skill{margin:0;padding:0}.about-left{display:block;padding-top:0!important;width:100%}.about-image{border-radius:5px;height:30vh;left:0;width:100%}.about-direction{padding:0}.about-direction p{font-size:17px;width:100%}.about-desc{font-size:15px;width:100%}.about-desc .interest{margin-top:10px}.about-sub{margin:10px 0}.about-title{display:none}.about-end{font-size:14px;padding:0}.noPost-textDesc{padding:400px 20px}.experience-container{margin:0 150px;padding:30px 0}.footer-icon__button{align-items:center;display:flex;place-content:left;justify-content:center}.textChange{font-size:13px}.f1{display:block}.f2{display:none}.footer-text{margin-bottom:0}.css-bottom{display:none}.__toggleTab{right:30px}.toggle{display:none}}@media screen and (min-width:1025px){.toggle{right:60px}.__toggleTab,.css-bottom{display:none}}
/*# sourceMappingURL=main.8b2e6645.css.map*/