.app-container{display:flex;height:100vh}.resume{background-color:#f1f1f1;color:#222;box-sizing:border-box;font-size:16px;width:816px;aspect-ratio:8.5 / 11;transform-origin:top left;padding:2rem;display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.header{display:flex;flex-direction:column;align-items:center}.header h2{margin:0;padding:0;text-transform:uppercase}.header ul{margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:1rem}.header li:nth-child(2n){font-size:.6rem}.section h3{margin:0;padding:0;text-transform:uppercase}.section hr{margin:0;margin-bottom:.3rem;border:1px solid black}.section>div{display:flex;flex-direction:column;gap:.3rem}.education p{margin:0}.education .education-header{display:flex;justify-content:space-between;align-items:center}.education .education-degree{flex-grow:1}.education .education-date{justify-self:flex-end;text-align:right}.education .education-extras{display:grid;margin-left:3rem;grid-template-columns:min-content auto;column-gap:2rem}.education .education-degree strong,.education .education-extras>*:nth-child(odd){font-variant:small-caps;text-wrap:nowrap}.bullet{font-size:1.2rem;padding:0;margin-right:.7rem}.work-experience p,.work-experience ul{margin:0}.work-header{display:flex;justify-content:space-between;align-items:center}.work-title{flex-grow:1}.work-title strong{font-variant:small-caps}.work-date{justify-self:flex-end;text-align:right}.skillsets p{margin:0}.skillsets{display:grid;grid-template-columns:min-content min-content auto;align-items:center}.skillset-name{font-variant:small-caps;font-weight:700;padding-right:2rem}.resume-form h2,.resume-form input{margin:0}.resume-form h2{margin-bottom:1rem}.resume-form{width:50vw;max-width:1000px;overflow-y:scroll}.form-section,.resume-toolbar{padding:2rem clamp(24px,5%,4rem);box-shadow:0 3px 6px #757575d2}.resume-form .resume-toolbar{display:flex;flex-wrap:wrap;gap:.5rem 2rem}.resume-form .input-group{display:flex;flex-direction:column}.resume-form label{margin-bottom:.3rem;font-weight:600}.resume-form input,.resume-form textarea{font-size:1rem;padding:.5rem;border:1px solid #ccc;border-radius:4px}.resume-form textarea{font:inherit;resize:vertical;padding:5px .5rem}.resume-form button{font-size:1rem;padding:.5rem 1rem;margin-top:.5rem;background-color:#006adc;color:#efefef;border:none;border-radius:4px;cursor:pointer}.resume-form button:hover{background-color:#0056b3}.header-form{display:flex;flex-direction:column;gap:1rem;border-radius:16px;background-color:#383838;padding:1.5rem 2rem 2rem}.header-form .form-group{display:flex;flex-wrap:wrap;gap:1.5rem}.header-form .input-group{flex:1 1 200px}.header-form input[name=name]{max-width:100%}.header-form input[name=phone]{min-width:100px;max-width:180px}.header-form input[name=email],.header-form input[name=website]{max-width:100%}.education-form{display:flex;flex-direction:column;flex-wrap:wrap;gap:1em}.education-form h3{margin-bottom:0}.education-form .education-instance{background-color:#383838;border-radius:16px;padding:1.5rem 2rem 2rem;display:flex;flex-direction:column}.education-form .education-basic-info{display:flex;flex-wrap:wrap;gap:1rem}.education-form .education-basic-info>*{flex-grow:1;min-width:250px}.education-form .education-basic-info .grad-date{display:flex;gap:.5rem}.education-form .education-basic-info .grad-date input[name=month],.education-form .education-basic-info .grad-date input[name=year]{max-width:5rem}.education-form .education-instance h3,.education-form .education-instance .education-extras,.education-form .education-instance button{margin-left:5%}.education-form .education-instance button{width:140px}.education-form .education-extras{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.education-form .extras-single{display:flex;flex-wrap:wrap;gap:1em;background-color:var(--dark-bg-color);box-shadow:3px 3px 4px #000;padding:.5em 1em 1em;border-radius:12px}.education-form .extras-single .input-group{min-width:150px}.education-form .extras-single .input-group:first-child{flex:1}.education-form .extras-single :not(.input-group:first-child){flex:2}.skillsets-form{display:flex;flex-direction:column;gap:1rem}.skillsets-form .skillset{background-color:#383838;border-radius:16px;padding:1rem;display:flex;flex-wrap:wrap;gap:1rem 1.5rem}.skillsets-form .skillset .input-group:first-child{flex:1 1 auto;max-width:200px}.skillsets-form .skillset .input-group:not(:first-child){flex:5 1 auto}.work-experience-form{display:flex;flex-direction:column;gap:2rem}.work-experience-form .work-experience-instance{background-color:#383838;padding:1.5rem 2rem 2rem;border-radius:24px;display:flex;flex-direction:column;gap:1rem}.work-experience-instance .form-group{display:flex;flex-wrap:wrap;gap:1rem}.work-experience-instance .form-group.work-dates{gap:2rem}.work-experience-instance .title-employer>*{min-width:250px}.work-experience-instance .title-employer .input-group.work-title{flex:1 auto}.work-experience-instance .title-employer .input-group.work-employer{flex:2 auto}.work-experience-instance .form-group.start-date,.work-experience-instance .form-group.end-date{gap:1rem}.work-experience-instance .date-group{max-width:100px}.work-experience-instance .responsibilities-container{margin-left:5%}.work-experience-instance h3{margin:.5rem 0 1rem}.work-experience-instance ul{margin:0;padding:0;margin-bottom:.5rem;list-style:none}.work-experience-instance ul.work-responsibilites{display:flex;flex-direction:column;gap:1rem}.work-experience-instance li textarea{box-sizing:border-box;width:100%}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--light-font-color: rgba(255, 255, 255, .87);--dark-bg-color: #242424;color:var(--light-font-color);background-color:var(--dark-bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}