@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:300;src:url(/assets/roboto-v30-latin-300-f7591131.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/assets/roboto-v30-latin-regular-f6734f81.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:400;src:url(/assets/roboto-v30-latin-italic-db0424fb.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:url(/assets/roboto-v30-latin-500-b0195382.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:url(/assets/roboto-v30-latin-700-f5aebdfe.woff2) format("woff2")}@font-face{font-display:swap;font-family:Bricolage Grotesque;font-style:normal;font-weight:800;src:url(/assets/bricolage-grotesque-v1-latin-800-6317dc96.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pacifico;font-style:normal;font-weight:400;src:url(/assets/pacifico-v22-latin-regular-50488656.woff2) format("woff2")}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}*{margin:0;padding:0}#root{font-family:Roboto,sans-serif;min-height:100vh;background-color:#f8f9fa;color:#212529;display:flex;flex-direction:column}ion-icon{text-align:center;vertical-align:middle;color:#5c940d}button{font-family:Roboto;font-size:1rem;font-weight:400;border:none;outline:none;background-color:transparent;cursor:pointer;color:#212529}label{font-weight:500}header{padding:1rem}ion-icon[name=layers]{color:#5c940d;font-size:2.441rem}.site-name-part1{font-family:Bricolage Grotesque,sans-serif;font-size:1.563rem;font-weight:800;vertical-align:middle}.site-name-part2{font-family:Pacifico}.main{align-self:center;display:flex;flex-direction:column;padding:1.25rem 1.25rem 2.25rem;gap:1rem;width:max(20rem,75%)}.section-container{display:flex;flex-direction:column;gap:1rem;min-width:17.5rem}.alter-all-inputs-btn-wrapper{display:flex;gap:.64rem}.reset-all-inputs-btn,.load-sample-inputs-btn{flex:1;font-weight:700;padding:.4rem;border-radius:.7rem;color:#f8f9fa}.reset-all-inputs-btn{background-color:#f08c00;box-shadow:1px 1px 3px #e6770033}.reset-all-inputs-btn:hover{background-color:#e67700}.load-sample-inputs-btn{background-color:#66a80f;box-shadow:1px 1px 3px #5c940d33}.load-sample-inputs-btn:hover{background-color:#5c940d}.personal,.education,.experience{display:grid;grid-template-rows:min-content 0fr;padding:.64rem 1rem;background-color:#f1f3f5;box-shadow:1px 1px 3px #0003;border-radius:1rem;transition:grid-template-rows .4s ease-in-out}.isActive{grid-template-rows:min-content 1fr}.user-input-container,.sub-section-container{display:flex;flex-direction:column;gap:.8rem;overflow:hidden;padding:0 2px}.user-input:first-child,.access-sub-section-btn:first-child{padding-top:.6rem}.ion-icon-drop-down ion-icon{transition:transform .2s ease-in-out}.ion-icon-drop-down ion-icon[data-show-section=true]{transform:rotate(180deg)}.user-input{display:flex;flex-direction:column;gap:.512rem}.section-header{display:flex;font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;justify-content:space-between;padding:.8rem 2px;color:#5c940d}input,textarea{font-family:inherit;font-size:inherit;border:none;border-radius:.64rem;box-shadow:0 0 2px #0000004d;outline:none;padding:.328rem;padding-left:6px}textarea{resize:none}input:focus-visible,textarea:focus-visible{box-shadow:0 0 3px #5c940d;outline:none}input:not([value=""]),textarea:not([data-value=""]){background-color:#f8f9fa}.btn-wrapper{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:.41rem}.btn-wrapper ion-icon{font-size:2.5rem}.ion-icon-reset ion-icon{color:#f08c00;transition:color .1s ease-in-out}.ion-icon-reset ion-icon:hover{color:#e67700}.ion-icon-delete ion-icon{font-size:1.953rem;color:#e03131;transition:color .1s ease-in-out}.ion-icon-delete ion-icon:hover{font-size:1.953rem;color:#c92a2a}.ion-icon-submit ion-icon{color:#66a80f;transition:color .1s ease-in-out}.ion-icon-submit ion-icon:hover{color:#5c940d}.delete-btn{margin-right:auto}.btn{display:flex;justify-content:center;align-items:center;font-weight:500}.sub-section-header-container{display:flex;flex-direction:column;gap:.21rem}.access-sub-section-btn{justify-content:space-between;text-align:start}.ion-icon-edit-sub-section ion-icon{color:#66a80f;transition:color .1s ease-in-out;font-size:1.563rem}.ion-icon-edit-sub-section ion-icon:hover{color:#5c940d}.add-sub-section-btn{margin:.64rem 0;padding:.41rem 1rem;box-shadow:0 0 2px #5c940d;background-color:#66a80f;border-radius:1rem;gap:.2rem;color:#f8f9fa;font-size:.9rem;transition:background-color .1s ease-in-out}.add-sub-section-btn:hover{background-color:#5c940d}.ion-icon-add ion-icon{font-size:1.25rem;color:#f8f9fa}.period-container{display:grid;grid-template-columns:10fr 1fr 10fr;align-items:center;gap:.41rem}.ion-icon-period-arrow{text-align:center}input[type=month]{font-size:.6rem}.cv-placeholder{font-weight:700;gap:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f1f3f5;margin-top:1.25rem;box-shadow:1px 1px 3px #0003;border-radius:1rem;min-width:17.5rem;height:15.14rem;color:#5c940d}.cv-placeholder-icons{display:flex;justify-content:center;align-items:center;gap:1rem}.cv-container{background-color:#f1f3f5;margin-top:1.25rem;box-shadow:0 0 3px #0000004d;border-radius:1rem;min-width:17.5rem}.cv-container div:first-child p:first-child{border-radius:1rem 1rem 0 0}.grid-item{padding:.328rem 0;overflow:auto}.cv-sub-section{padding:.8rem 1rem}.cv-personal-full-name,.cv-education-university-name,.cv-experience-company-name{font-weight:700;font-size:1.25rem;padding-bottom:.6rem}.cv-personal-phone-number,.cv-personal-email,.cv-personal-address{display:flex;align-items:center;gap:.6rem}.cv-personal-section ion-icon{flex-shrink:0}.cv-education-course,.cv-experience-job-title{font-weight:500}.cv-education-period,.cv-experience-period{font-style:italic}.ion-icon-person-outline.grid-item,.ion-icon-school-outline.grid-item,.ion-icon-briefcase-outline.grid-item{text-align:center;background-color:#5c940d;padding:.41rem 0;box-shadow:1px 0 1px #5c940dcc,-1px 0 1px #5c940dcc}.ion-icon-person-outline ion-icon,.ion-icon-school-outline ion-icon,.ion-icon-briefcase-outline ion-icon{color:#f8f9fa}.cv-sub-section:not(:last-child){box-shadow:0 3px 2px -2px #5c940d}footer{font-family:Bricolage Grotesque,sans-serif;font-size:.8rem;padding:.5rem;text-align:center;margin-top:auto;background-color:#5c940d;color:#f8f9fa}.ion-icon-github ion-icon{color:#f8f9fa;font-size:1.25rem;vertical-align:middle;transition:transform .3s ease-in-out}.ion-icon-github ion-icon:hover{transform:rotate(360deg) scale(1.25)}@media (min-width: 30em){input[type=month]{font-size:.8rem}}@media (min-width: 35em){input[type=month]{font-size:1rem}}@media (min-width: 46em){.main{width:min(46rem,75%)}.grid-item{padding:3px 0}.cv-personal-section.cv-sub-section{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.64rem}.cv-personal-full-name.grid-item{text-align:center;flex-basis:100%;padding:0}.cv-sub-section{display:grid;grid-template-columns:3fr 9fr;align-items:center;column-gap:1.4rem}.cv-education-location.grid-item,.cv-education-period.grid-item,.cv-experience-location.grid-item,.cv-experience-period.grid-item{text-align:end}.cv-education-sub-section.cv-sub-section{grid-template-areas:"period university" "location course" "........ cgpa" "........ awards"}.cv-education-university-name.grid-item{grid-area:university}.cv-education-course.grid-item{grid-area:course}.cv-education-location.grid-item{grid-area:location}.cv-education-period.grid-item{grid-area:period}.cv-education-awards.grid-item{grid-area:awards}.cv-education-cgpa.grid-item{grid-area:cgpa}.cv-experience-sub-section.cv-sub-section{grid-template-areas:"period company" "location jobTitle" "........ jobDescription"}.cv-experience-company-name.grid-item{grid-area:company}.cv-experience-location.grid-item{grid-area:location}.cv-experience-job-title.grid-item{grid-area:jobTitle}.cv-experience-period.grid-item{grid-area:period}.cv-experience-job-description.grid-item{grid-area:jobDescription}}@media (min-width: 79em){.main{display:grid;grid-template-columns:1.9fr 3.2fr;align-items:start;gap:1.563rem;width:max(48rem,75%)}ion-icon[name=layers]{font-size:3.052rem}.site-name-part1{font-size:1.953rem}.site-name-part2{font-size:1.563rem}input[type=month]{font-size:.8rem}.cv-container,.cv-placeholder{margin:0;min-width:27rem}.cv-placeholder{height:33.56rem}.cv-personal-phone-number,.cv-personal-email,.cv-personal-address{gap:4px}footer{font-size:1rem}}@media (min-width: 96em){.main{width:min(72.5rem,70%);gap:1.953rem}input[type=month]{font-size:1rem}}