:root{--prompt-background-color:#1b5e20}html,body,#root,.resumeApp,main{margin:0;padding:0;height:100%}.resumeApp{overflow:auto}.resumeApp.dark{background-color:#212121;color:#bdbdbd}.page{margin:0;padding:0}body{font-family:arial;font-size:14pt}header{display:grid;grid-template-columns:1fr 1fr 230px;font-size:20pt;display:none}header.first{display:auto}header.first{display:grid}header .name,header .email,header .linkedin{font-weight:700}.header{font-weight:700;font-size:18pt}a.pageLink{text-decoration:none;color:#000}a.pageLink:hover{text-decoration:underline;color:#00f}.dark a.pageLink{color:green}.dark a.pageLink:hover{color:#4caf50}.dark a.external{color:#2196f3}.dark a.external:hover{color:#00bcd4}.jsonList{margin-bottom:30px}.jsonList .header{border-bottom:1px solid #ccc}.jsonList .content{margin:0 5px}.education,.certifications{display:inline-block;vertical-align:top}.certifications{margin-left:10px}.experience .entry,.projects .entry{margin-bottom:30px}.experience .entry .description p{margin:0}.experience .entry .description ul{margin:0;padding-top:0;white-space:initial}.experience .entry .company,.projects .entry .name{font-weight:700}.experience .entry .position{font-size:20pt}.experience .entry .dates{font-size:13pt;color:#424242}.dark .experience .entry .dates{color:#616161}.projects .entry .description,.jobPage .content .description,.projectPage .content .description,.skillPage .content .description{white-space:pre-wrap}.projectPage .projectImage{max-height:700px;max-width:700px;vertical-align:top;margin:5px}.projectPage .imagesContainer .projectImage{max-height:450px;max-width:450px}.projectPage .status,.projectPage .description,.projectPage .duration{margin:10px}.projectPage .status,.projectPage .duration{color:#616161}.projectPage .description{margin-bottom:20px;font-size:16pt}.projectPage .status .icon{width:15px;height:15px;border-radius:50%;background-color:gray;display:inline-block;vertical-align:top;margin-right:5px}.projectPage .status .icon.active{background-color:green}.projectPage .status .icon.paused{background-color:#a1850d}.projectPage .status .icon.complete{background-color:#0d47a1}.projectPage .skillList{margin-top:20px}.required tr{transition:background-color .4s}.required .red{background-color:#ff5722}.required .yellow{background-color:#ffeb3b}.roleIqSkills .roleIqSkill{margin:5px}.roleIqSkill{display:grid;grid-template-columns:100px 15px 1fr 30px}.roleIqSkill.simple{grid-template-columns:1fr}.roleIqSkill.simple .min,.roleIqSkill.simple .max{display:none}.roleIqSkill .bar,.pSkillGraph{height:20px;min-width:300px;background:linear-gradient(to right,#ffc200,#86ce21 50%,#7db9e8 87%);position:relative}.roleIqSkill .bar .progress,.pSkillGraph .progress{height:100%;width:100%;background:#fff;position:absolute;right:0;transition:width .5s}.dark .roleIqSkill .bar .progress,.dark .pSkillGraph .progress{background:#212121}.roleIqSkill .bar .point{width:10px;height:20px;background-color:#0003;z-index:1;position:absolute;border:1px solid #000;top:-1px;transition:left .5s}.roleIqSkill .bar .point.one{left:calc(10% - 6px)}.roleIqSkill .bar .point.two{left:calc(30% - 6px)}.roleIqSkill .bar .point.three{left:calc(60% - 6px)}.retakeLabelCell{background-color:#fff}.coverLetter{padding:0 10px;display:flex;height:calc(100% - 50px);align-items:center}.coverLetter .content{font-size:16pt}.jobRoles{margin-top:20px}.jobRole{display:inline-block;vertical-align:top;border:2px solid #ccc;padding:5px;border-radius:5px;margin:5px}.dark .jobRole{border-color:#616161}.projects .content .entry{display:inline-block;border:1px solid #616161;width:500px;vertical-align:top;padding:10px;border-radius:5px;margin:10px;min-height:250px}.projects .content .entry .projectContent{display:inline-block;width:250px;vertical-align:top}.projects .content .entry .preview{display:inline-block;max-width:250px}.projects .content .entry .preview img{max-width:250px}.projectDescription{white-space:break-spaces}.dark .dynamicTable th.asc{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='none'%20d='M0%200h24v24H0V0z'/%3e%3cpath%20fill='%23FFFFFF'%20d='M4%2012l1.41%201.41L11%207.83V20h2V7.83l5.58%205.59L20%2012l-8-8-8%208z'/%3e%3c/svg%3e")}.dark .dynamicTable th.desc{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='none'%20d='M0%200h24v24H0V0z'/%3e%3cpath%20fill='%23FFFFFF'%20d='M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'/%3e%3c/svg%3e")}header .linkedin a,header .email{color:#4b87b7}header .linkedin a,header .email,header .phone,header .address{font-size:15pt}.experience .entry .jobTitle{display:grid;grid-template-columns:1fr 400px;border-bottom:1px solid #ccc}.jsonList.experience .entry{max-width:800px;display:inline-block;vertical-align:top;padding-right:10px}@media print{body{font-size:12pt}.resumeApp{overflow:unset}.resumeApp.dark{background-color:#fff;color:#000}.dark a.pageLink{color:#000}.dark .experience a.pageLink{font-weight:700}.dark .roleIqSkill .bar .progress,.dark .pSkillGraph .progress{background:#fff}.coverLetter{justify-content:center}.page{margin:0;padding:0;height:100%;overflow:hidden}#resume.page{height:100%}#projects.page{height:400%}header{display:grid;font-size:18pt;grid-template-columns:1fr 1fr 200px}header .linkedin a,header .phone,header .email,header .linkedin,header .address{font-size:12pt}header .linkedin a{text-decoration:none}.header{font-size:14pt}.jsonList.experience .entry{max-width:auto;display:block}.experience .entry{margin-bottom:7px}.experience .entry .position{font-size:14pt}.experience .entry.printHide{display:none}.projects .content .entry{margin:5px;padding:5px;width:220px;min-height:auto}.projects .content .entry .preview img{max-width:200px}.projects .content .entry .projectContent{display:block;width:auto}}@media only screen and (max-width:650px){.experience .entry .jobTitle{display:block;grid-template-columns:1fr 400px;border-bottom:1px solid #ccc}.projects .content .entry{display:inline-block;border:1px solid #616161;width:auto;vertical-align:top;padding:10px;border-radius:5px;margin:10px;min-height:250px}}.skillSection{margin-bottom:30px}.skillSection .content{border-top:2px solid #ccc;border-bottom:2px solid #ccc;margin:0 5px}.dark .skillSection .content{border-color:#616161}.skillSection .category{display:inline-block;vertical-align:top;padding:5px}.skillSection .category .header{text-decoration:underline;font-size:14pt}.skillSection .category ul{list-style:none;margin:0;padding:0}.skillSection .category ul li{padding:2px 0}.programming.skillSection .content{display:grid;grid-template-columns:100px 112px 111px 120px 149px 100px;grid-template-rows:129px 84px}.applications.skillSection .content{display:grid;grid-template-columns:145px 103px 99px 103px 106px 99px;grid-template-rows:104px 79px}.programming #Script{grid-column-start:2;margin-top:-23px}.programming #Process{margin-top:-26px}.programming #Databases{margin-top:-51px}#Mockup{grid-column-start:2}#HelpDesk{grid-column-start:5}@media print{.skillSection{margin-top:5px}.skillSection,.jsonList{margin-bottom:5px}.skillSection .category{padding:1px 2px 2px}.skillSection .category .header{text-decoration:underline;font-size:11pt}.skillSection .category ul li{padding:1px 0;font-size:10.5pt}.jsonList.experience{margin-top:15px}.jsonList.experience .header{text-align:left}}.skillPage{height:100%}.skillPage ul{margin:0}.skillPage .header h1{margin:0 10px}.skillPage .content>div{margin:20px 10px}.skillPage .pluralsight .title{font-weight:700;font-size:18pt}.dynamicTable caption{caption-side:top}.dynamicTable th{transition:padding .2s}.dynamicTable th.sortable{cursor:pointer}.dynamicTable th.asc{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='none'%20d='M0%200h24v24H0V0z'/%3e%3cpath%20d='M4%2012l1.41%201.41L11%207.83V20h2V7.83l5.58%205.59L20%2012l-8-8-8%208z'/%3e%3c/svg%3e");background-repeat:no-repeat;padding-left:24px}.dynamicTable th.desc{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='none'%20d='M0%200h24v24H0V0z'/%3e%3cpath%20fill='%23010101'%20d='M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'/%3e%3c/svg%3e");background-repeat:no-repeat;padding-left:24px}.dynTablePageScroller{height:100%;overflow:auto}.dynTablePageScroller thead tr th{position:sticky;top:0;background-color:#fff}.columnViewIcon{position:absolute;right:17px;height:24px;z-index:1;cursor:pointer}.confirmPrompt,.alertPrompt,.loadPrompt{position:fixed;bottom:0;left:0;height:0;width:100%;background-color:#0000;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);transition:height .5s,background-color .3s;overflow:hidden;z-index:4}.confirmPrompt .prompt,.alertPrompt .prompt,.loadPrompt .prompt{height:0;width:100%;background:var(--prompt-background-color, #666);text-align:center;position:absolute;bottom:0;display:flex;justify-content:center;align-items:center;font-size:25pt;color:#fff;overflow:hidden;transition:height .5s}.confirmPrompt .prompt button,.alertPrompt .prompt button,.loadPrompt .prompt button{margin:10px;padding:10px;font-size:14pt;border-radius:5px;border:none;cursor:pointer}.confirmPrompt.open,.alertPrompt.open,.loadPrompt.open{height:100%;background-color:#0000004d}.confirmPrompt.open .prompt,.alertPrompt.open .prompt,.loadPrompt.open .prompt{height:80%}.confirmPrompt .rangeInput{display:inline-block;vertical-align:top}.confirmPrompt .columnContainer{display:grid;grid-template-columns:auto 160px;grid-auto-rows:min-content}.confirmPrompt .columnContainer .switch{margin-bottom:0;vertical-align:middle}.confirmPrompt .columnContainer .colTitle{text-align:right}.confirmPrompt .columnContainer div{margin:5px}.columnPrompt .promptContent{height:100%}.columnPrompt .columnContainer{height:calc(100% - 100px);overflow:auto;font-size:14pt;margin-top:10px}.confirmPrompt input,.confirmPrompt select,.confirmPrompt textarea,.confirmPrompt radio{font-size:14pt}.confirmPrompt .selectInput,.confirmPrompt .dateInput{display:inline-block}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:2px 2px 5px #000c}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.lineWrapper{height:500px;max-width:1000px}.projectList a{font-size:18pt}.projectList li{margin-bottom:16px}.projectList .duration{font-size:13pt;color:#424242}.dark .projectList .duration{color:#616161}.ticketSummary{display:grid;grid-template-columns:100px 1fr}.ticketSummary ul{list-style:none;padding-left:5px;margin:0}.ticketSummary button{background-color:transparent;border:none;color:silver;font-size:14pt}.ticketSummary button.selected{outline:1px solid green}.barWrapper{height:200px}.impressionList .impression{border:1px solid #c0c0c0;max-width:300px;border-radius:5px;margin:8px;padding:5px;display:inline-block;vertical-align:top}.impressionList .impression .date{font-size:13pt;color:#616161}.impressionList .impression .header{font-size:14pt}.impressionList .impression .text{white-space:pre-wrap;margin-top:20px;font-size:16pt}.impressions.impressionList .impression{display:block;max-width:100%;border-color:#666}.ticketContainer{max-width:1000px}.jobPage .description{font-size:16pt}.jobPage .under{border-bottom:1px solid #c0c0c0}.jobPage .title{color:green}.projectPage .gist{max-width:1200px}/*!
* Gist DarkCode ver 0.2.1
* Update 03/12/2021 www.adiman.web.id
*/.projectPage.gist{font-size:18px}.gist-meta,.gist-file,.octotree_toggle,ul.comparison-list>li.title,button.button,a.button,span.button,button.minibutton,a.minibutton,span.minibutton,.clone-url-button>.clone-url-link{background:linear-gradient(#202020,#181818)!important;border-color:#383838!important;border-radius:0 0 3px 3px!important;text-shadow:none!important;color:#b5b5b5!important}.markdown-format pre,.markdown-body pre,.markdown-format .highlight pre,.markdown-body .highlight pre,body.blog pre,#facebox pre,.blob-expanded,.terminal,.copyable-terminal,#notebook .input_area,.blob-code-context,.markdown-format code,body.blog pre>code,.api pre,.api code,.CodeMirror,.highlight{background-color:#1d1f21!important;color:#c5c8c6!important}.gist .blob-code{padding:1px 10px!important;text-align:left;background:#000;border:0}::selection{background:#24890d;color:#fff;text-shadow:none}::-moz-selection{background:#24890d;color:#fff;text-shadow:none}.blob-num{padding:10px 8px 9px;text-align:right;color:#6b6b6b!important;border:0}.blob-code,.blob-code-inner{color:#c5c8c6!important}.pl-c,.pl-c span{color:#969896!important;font-style:italic!important}.pl-c1,.pl-cce,.pl-cn,.pl-coc{color:#de935f!important}.pl-cos{color:#b5bd68!important}.pl-e,.pl-ef,.pl-en{color:#f0c674!important}.pl-enc{color:#de935f!important}.pl-enf,.pl-enm{color:#f0c674!important}.pl-ens{color:#de935f!important}.pl-ent{color:#b294bb!important}.pl-entc{color:#f0c674!important}.pl-enti{color:#f0c674!important;font-weight:700!important}.pl-entm{color:#c66!important}.pl-eoa{color:#b294bb!important}.pl-eoac,.pl-eoac .pl-pde{color:#c66!important}.pl-eoai,.pl-eoai .pl-pde{color:#b294bb!important}.pl-eoi{color:#f0c674!important}.pl-k,.pl-ko,.pl-kolp{color:#b294bb!important}.pl-kos,.pl-kou{color:#de935f!important}.pl-mai .pl-sf{color:#c66!important}.pl-mb{color:#b5bd68!important;font-weight:700!important}.pl-mc{color:#b294bb!important}.pl-mh .pl-pdh{color:#de935f!important}.pl-mi{color:#b294bb!important;font-style:italic!important}.pl-ml{color:#b5bd68!important}.pl-mm{color:#c66!important}.pl-mp,.pl-mp1 .pl-sf{color:#81a2be!important}.pl-mq{color:#de935f!important}.pl-mr,.pl-ms{color:#b294bb!important}.pl-pdb{color:#b5bd68!important;font-weight:700!important}.pl-pdc{color:#969896!important;font-style:italic!important}.pl-pdc1,.pl-pde{color:#de935f!important}.pl-pdi{color:#b294bb!important;font-style:italic!important}.pl-pds{color:#b5bd68!important}.pl-pdv{color:#c66!important}.pl-pse,.pl-pse .pl-s2{color:#de935f!important}.pl-s{color:#b294bb!important}.pl-s1{color:#b5bd68!important}.pl-s2{color:#c5c8c6!important}.pl-mp .pl-s3{color:#b294bb!important}.pl-s3{color:#81a2be!important}.pl-sc{color:#c5c8c6!important}.pl-scp{color:#de935f!important}.pl-sf{color:#dad085!important}.pl-smc{color:#f0c674!important}.pl-smi,.pl-smp{color:#c5c8c6!important}.pl-sok{color:#b294bb!important}.pl-sol{color:#b5bd68!important}.pl-som,.pl-sr{color:#c66!important}.pl-sra,.pl-src,.pl-sre,.pl-st{color:#b294bb!important}.pl-stj{color:#c5c8c6!important}.pl-stp,.pl-sv,.pl-v,.pl-vi{color:#de935f!important}.pl-vo{color:#c66!important}.pl-vpf{color:#de935f!important}.pl-mi1,.pl-mdht{color:#8f9d6a!important;background:#00400080!important}.pl-md,.pl-mdhf{color:#c66!important;background:#40000080!important}.pl-mdr{color:#de935f!important;font-weight:400!important}.pl-mdh,.pl-mdi{color:#c66!important;font-weight:400!important}.pl-ib{background-color:#c66!important}.pl-id,.pl-ii{background-color:#c66!important;color:#fff!important}.pl-iu{background-color:#c66!important}.pl-mo{color:#c5c8c6!important}.pl-mri{color:#de935f!important}.pl-ms1{background-color:#c5c8c6!important}.pl-va,.pl-vpu{color:#de935f!important}.pl-entl{color:#c5c8c6!important}.CodeMirror-gutters{background:#222!important;border-right:1px solid #484848!important}.CodeMirror-guttermarker{color:#fff!important}.CodeMirror-guttermarker-subtle,.CodeMirror-linenumber{color:#aaa!important}.CodeMirror-cursor{border-left:1px solid #fff!important}.CodeMirror-activeline-background{background:#27282e!important}.CodeMirror-matchingbracket{outline:1px solid grey!important;color:#fff!important}.cm-keyword{color:#f9ee98!important}.cm-atom{color:#fc0!important}.cm-number{color:#ca7841!important}.cm-def{color:#8da6ce!important}.cm-variable-2,span.cm-tag,.cm-variable-3,span.cm-def{color:#607392!important}.cm-operator{color:#cda869!important}.cm-comment{color:#777!important;font-style:italic!important;font-weight:400!important}.cm-string{color:#8f9d6a!important}.cm-string-2{color:#bd6b18!important}.cm-meta{background-color:#141414!important;color:#f7f7f7!important}.cm-builtin{color:#cda869!important}.cm-tag{color:#997643!important}.cm-attribute{color:#d6bb6d!important}.cm-header{color:#ff6400!important}.cm-hr{color:#aeaeae!important}.cm-link{color:#ad9361!important;font-style:italic!important;text-decoration:none!important}.cm-error{border-bottom:1px solid red!important}#notebook .highlight table{background:#1d1f21!important;color:#c5c8c6!important}.highlight .hll{background-color:#373b41!important}.highlight .c{color:#969896!important}.highlight .err{color:#c66!important}.highlight .k{color:#b294bb!important}.highlight .l{color:#de935f!important}.highlight .h,.highlight .n{color:#c5c8c6!important}.highlight .o{color:#8abeb7!important}.highlight .p{color:#c5c8c6!important}.highlight .cm,.highlight .cp,.highlight .c1,.highlight .cs{color:#969896!important}.highlight .gd{color:#c66!important}.highlight .ge{font-style:italic!important}.highlight .gh{color:#c5c8c6!important;font-weight:700!important}.highlight .gi{color:#b5bd68!important}.highlight .gp{color:#969896!important;font-weight:700!important}.highlight .gs{font-weight:700!important}.highlight .gu{color:#8abeb7!important;font-weight:700!important}.highlight .kc,.highlight .kd{color:#b294bb!important}.highlight .kn{color:#8abeb7!important}.highlight .kp,.highlight .kr{color:#b294bb!important}.highlight .kt{color:#f0c674!important}.highlight .ld{color:#b5bd68!important}.highlight .m{color:#de935f!important}.highlight .s{color:#b5bd68!important}.highlight .na{color:#81a2be!important}.highlight .nb{color:#c5c8c6!important}.highlight .nc{color:#f0c674!important}.highlight .no{color:#c66!important}.highlight .nd{color:#8abeb7!important}.highlight .ni{color:#c5c8c6!important}.highlight .ne{color:#c66!important}.highlight .nf{color:#81a2be!important}.highlight .nl{color:#c5c8c6!important}.highlight .nn{color:#f0c674!important}.highlight .nx{color:#81a2be!important}.highlight .py{color:#c5c8c6!important}.highlight .nt{color:#8abeb7!important}.highlight .nv{color:#c66!important}.highlight .ow{color:#8abeb7!important}.highlight .w{color:#c5c8c6!important}.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#de935f!important}.highlight .sb{color:#b5bd68!important}.highlight .sc{color:#c5c8c6!important}.highlight .sd{color:#969896!important}.highlight .s2{color:#b5bd68!important}.highlight .se{color:#de935f!important}.highlight .sh{color:#b5bd68!important}.highlight .si{color:#de935f!important}.highlight .sx,.highlight .sr,.highlight .s1,.highlight .ss{color:#b5bd68!important}.highlight .bp{color:#c5c8c6!important}.highlight .vc,.highlight .vg,.highlight .vi{color:#c66!important}.highlight .il{color:#de935f!important}.projectPage .gist .gist-file article{background-color:#333}.projectPage .gist .markdown-body .highlight pre,.gist .markdown-body pre{font-size:12pt}.ticketsPage{height:100%}.ticketsPage .content{height:calc(100% - 141px)}.ticketsPage .actionPane{text-align:center}.ticketsPage .actionPane a{margin:5px}.summaryPage .under{border-bottom:1px solid #c0c0c0}.summaryPage .section{margin-bottom:50px}.summaryPage .section>.header{border-bottom:1px solid #000}.dark .summaryPage .section>.header{border-bottom:1px solid #c0c0c0}.summaryPage .section.description .content{white-space:break-spaces;font-size:16pt}.summaryPage .section.goals>.content{padding-top:10px}.summaryPage .section.goals .content .header{font-size:14pt}.summaryPage .section.goals .content ul{margin-top:0}.summaryPage .section.roles{margin-top:80px;margin-bottom:20px}.summaryPage .section.pluralsight .viewedSubjects{margin:0}.summaryPage .section.tickets .content{max-width:1000px}@media print{.cookieNav{display:none}#ref_2021 .tickets,#ref_2021 .goals{margin-top:200px}#ref_2020 .tickets{margin-top:350px}#ref_2020 .pluralsight,#ref_2020 .goals{margin-top:200px}#ref_2020Survey .pluralsight{margin-top:400px}#ref_2020Survey .question.resources{margin-top:200px}#ref_d1YearTwo .pluralsight{margin-top:500px}#ref_d1YearTwo .goals,#ref_d1YearThree .impressions{margin-top:300px}#ref_d1YearThree .roles{margin-top:500px}}.summaryPage .section.question .q{font-weight:700;margin:10px}.summaryPage .section.question .a{margin:10px}