@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";body{background-color:var(--theme-color-1)}#root{margin:0 auto;padding:2rem;display:flex;justify-content:center}.primary-button,.secondary-button{top-margin:var(--margin-1);display:inline-block;padding:10px 20px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;border:none;border-radius:4px;transition:background-color .3s ease,color .3s ease}.primary-button{background-color:#95aebf;color:#333}.primary-button:hover,.primary-button:focus{background-color:var(--theme-color-1)}.secondary-button{background-color:var(--theme-color-4);color:#000}.secondary-button:hover,.secondary-button:focus{background-color:var(--theme-color-3)}input,textarea{background-color:#f0f0f0;width:100%;padding:10px;border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;transition:border-color .3s ease}input:focus,textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px #007bff80}input:disabled,textarea:disabled{background-color:#e9ecef;cursor:not-allowed}.input-error{border-color:#dc3545}.input-error:focus{box-shadow:0 0 5px #dc354580}.app-content{display:grid;grid-template-columns:auto 1fr;background-color:var(--theme-color-3);min-width:500px;gap:var(--gap-3);border-radius:1rem;box-shadow:1px 1px 1px #0000004d}.data-input-panel{width:400px;padding:var(--padding-2)}@media (max-width: 1300px){.app-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.data-input-panel{display:flex;flex-direction:column;width:100%;min-width:450px;align-items:center}}@media (max-width: 900px){.page{transform-origin:top;transform:scale(.88)}}@media (max-width: 800px){.page{transform-origin:top;transform:scale(.73)}}@media (max-width: 700px){.page{transform-origin:top;transform:scale(.63)}}@media (max-width: 600px){.page{transform-origin:top;transform:scale(.58)}}.personal-details-container{display:flex;flex-direction:column;padding:var(--margin-1);margin:var(--margin-2);width:100%;background-color:var(--theme-color-2);border-radius:1rem;box-shadow:1px 1px 4px #0000004d}.personal-details-trigger{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;height:var(--margin-3);padding-left:var(--padding-1);padding-right:var(--padding-1);background-color:#fff;border:black solid 0px;cursor:pointer;background-color:var(--theme-color-2)}.personal-details-form{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:.5rem;padding-left:var(--padding-1);padding-right:var(--padding-1);margin-top:var(--margin-2);opacity:0;transform:translateY(-1rem);transition:all .3s ease-in-out allow-discrete;width:100%;display:none}.personal-details-form.active{opacity:1;transform:translateY(0);display:flex}.personal-details-form input{padding:var(--padding-1);width:100%}@starting-style{.personal-details-form.active{opacity:0;transform:translateY(-1rem)}}.page-container{display:flex;flex-direction:column;align-items:center;padding:var(--margin-1);margin:var(--margin-2);--line-spacing: 7px;--line-break-spacing: 14px;--normal-font-size: 14px;--heading-font-size: 20px}.page{width:8.5in;min-height:11in;background-color:#fff;margin:10px 0;padding:.5in;box-shadow:0 0 10px #0000001a;box-sizing:border-box}.personal-details-preview,.education-preview,.experience-preview{margin-bottom:20px;page-break-inside:avoid}.name-preview{font-size:var(--heading-font-size);font-weight:700;text-align:center}.personal-additional-details-container{margin-top:var(--line-spacing);margin-bottom:var(--line-spacing);display:flex;justify-content:center;gap:var(--line-spacing);align-items:center;font-size:var(--normal-font-size)}hr.solid-divider{border-top:2px solid black;margin-bottom:var(--line-spacing)}.education-preview h1,.experience-preview h1{font-size:var(--heading-font-size);text-align:center}.education-school-name,.experience-company-name{font-weight:700}.education-item-preview{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto;column-gap:var(--gap-4);justify-items:start;page-break-inside:avoid;margin-bottom:var(--line-spacing);margin-top:var(--line-spacing)}.experience-item-preview{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto;column-gap:var(--gap-4);justify-items:start;align-items:start;page-break-inside:avoid;margin-bottom:var(--line-spacing);margin-top:var(--line-spacing)}.experience-description{grid-column:2 / 3;text-align:left}.education-school-name,.education-degree-name,.education-date,.education-location,.experience-company-name,.experience-position,.experience-date,.experience-location,.experience-description{font-size:var(--normal-font-size);margin-bottom:var(--line-spacing)}@media print{.no-print{display:none}body,.page-container{margin:0;padding:0;box-shadow:none}.page{width:100%;min-height:auto;box-shadow:none;margin:1in;padding:1in;page-break-after:always}.personal-details-preview,.education-preview,.experience-preview{margin-bottom:14px}hr.solid-divider{margin-bottom:7px;margin-top:7px}.education-item-preview,.experience-item-preview{margin-bottom:14px}}.education-section-container{display:flex;flex-direction:column;padding:var(--margin-1);margin:var(--margin-2);width:100%;background-color:var(--theme-color-2);border-radius:1rem;box-shadow:1px 1px 4px #0000004d}.education-section-trigger{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;height:var(--margin-3);padding-left:var(--padding-1);padding-right:var(--padding-1);background-color:#fff;border:black solid 0px;cursor:pointer;background-color:var(--theme-color-2)}.education-info-container,.education-list-container{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:.5rem;padding-left:var(--padding-1);padding-right:var(--padding-1);margin-top:var(--margin-2);opacity:0;transform:translateY(-1rem);transition:all .3s ease-in-out allow-discrete;width:100%;display:none}.education-info-container.active,.education-list-container.active{opacity:1;transform:translateY(0);display:flex;width:100%;flex-direction:column;gap:var(--gap-1)}.education-info-form{display:flex;justify-content:center;flex-direction:column;align-items:start;gap:var(--gap-1);width:100%}.education-info-form input{padding:var(--padding-1);width:100%}.education-list-item{width:100%}@starting-style{.education-info-container.active,.education-list-container.active{opacity:0;transform:translateY(-1rem)}}.experience-section-container{display:flex;flex-direction:column;padding:var(--margin-1);margin:var(--margin-2);width:100%;background-color:var(--theme-color-2);border-radius:1rem;box-shadow:1px 1px 4px #0000004d}.experience-section-trigger{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;height:var(--margin-3);padding-left:var(--padding-1);padding-right:var(--padding-1);background-color:#fff;border:black solid 0px;cursor:pointer;background-color:var(--theme-color-2)}.caret{height:100%;transition:.3s}.caret.active{transition:.3s;transform:rotate(180deg)}.experience-info-container,.experience-list-container{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:.5rem;padding-left:var(--padding-1);padding-right:var(--padding-1);margin-top:var(--margin-2);opacity:0;transform:translateY(-1rem);transition:all .3s ease-in-out allow-discrete;width:100%;display:none}.experience-info-container.active,.experience-list-container.active{opacity:1;transform:translateY(0);display:flex;width:100%;flex-direction:column;gap:var(--gap-1)}.experience-info-form{display:flex;justify-content:center;flex-direction:column;align-items:start;gap:var(--gap-1);width:100%}.experience-info-form input{padding:var(--padding-1);width:100%}.experience-info-form textarea{width:100%;height:6rem;padding:var(--padding-1)}.experience-list-item{width:100%}.main-btn{width:100%;display:flex;justify-content:space-between;padding:var(--padding-1) var(--padding-2);border:0px solid black;border-radius:4px;background-color:#f0f0f0}.remove-btn{cursor:pointer}.button-container{display:flex;gap:var(--gap-1)}@starting-style{.experience-info-container.active,.experience-list-container.active{opacity:0;transform:translateY(-1rem)}}:root{--font-size-1: 1rem;--font-size-2: 1.5rem;--font-size-3: 2rem;--font-size-4: 2.5rem;--icon-size-1: 1rem;--icon-size-2: 1.5rem;--icon-size-3: 2rem;--gap-1: .5rem;--gap-2: 1rem;--gap-3: 1.5rem;--gap-4: 2rem;--margin-1: 1rem;--margin-2: 1.5rem;--margin-3: 2rem;--margin-4: 2.5rem;--margin-5: 3rem;--margin-6: 4rem;--margin-7: 4.5rem;--margin-8: 5rem;--margin-9: 5.5rem;--margin-10: 6rem;--padding-1: .5rem;--padding-2: 1rem;--padding-3: 1.5rem;--padding-4: 2rem;--padding-5: 2.5rem;--padding-6: 3rem;--padding-7: 3.5rem;--padding-8: 4rem;--padding-9: 4.5rem;--padding-10: 5rem;--theme-color-1: #B3C8CF;--theme-color-2: #BED7DC;--theme-color-3: #F1EEDC;--theme-color-4: #E5DDC5;box-sizing:border-box;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:after,*:before{margin:0;padding:0;font-family:Roboto,Arial,Helvetica,sans-serif;box-sizing:border-box}body{margin:0}ul{list-style:none}a{text-decoration:none}