@font-face{font-family:NotoSans;src:url(/assets/NotoSans-Regular-qrNhSDbH.ttf)}@font-face{font-family:NotoSans-Bold;src:url(/assets/NotoSans-Bold-BYorzIa2.ttf)}@font-face{font-family:NotoSans-SemiBold;src:url(/assets/NotoSans-SemiBold-B7HlqzBd.ttf)}@font-face{font-family:NotoSans;src:url(../fonts/NotoSans-Regular.ttf)}@font-face{font-family:NotoSans-Bold;src:url(../fonts/NotoSans-Bold.ttf)}@font-face{font-family:NotoSans-SemiBold;src:url(../fonts/NotoSans-SemiBold.ttf)}*{margin:0;padding:0;box-sizing:border-box}:root{font-size:16px}body{--resume-accent: #0e374e;--resume-font: "NotoSans", sans-serif;--resume-bold: "NotoSans-Bold", sans-serif;--header-resume-color: white;--section-resume-bg: rgba(14, 55, 78, .07);--main-bg-color: #f3f4f6;font-family:NotoSans,sans-serif;background-color:var(--main-bg-color)}button{font-family:inherit}h1,h2,h3{margin-bottom:14px;font-family:NotoSans-bold}.app{display:flex;margin:auto;width:100%;padding:32px 24px;gap:24px;max-width:1500px}.form-container{display:flex;flex-direction:column;flex-grow:999;gap:28px}form{padding:18px;border-radius:12px}.edit-side{display:flex;height:fit-content;flex-wrap:wrap;gap:24px;max-width:750px;flex-grow:1}.education-details{padding:18px;background-color:#fff;border-radius:12px}.education-info{display:flex;gap:18px;margin-bottom:24px}.education-info-group{min-width:150px}.education-info-schoolName{font-family:var(--resume-bold);font-weight:700}.education-info-degree{font-size:15px}.experience-details{padding:18px;background-color:#fff;border-radius:12px}.experience-info{display:flex;gap:18px;margin-bottom:24px}.experience-info-group{min-width:150px}.experience-info-companyName{font-family:var(--resume-bold);font-weight:700;margin-bottom:2px}.experience-info-positionTitle{font-size:15.4px}.experience-info-description{margin-top:4px;white-space:pre-wrap}.input-group input,.input-group textarea{border:2px solid transparent;background-color:var(--main-bg-color);padding:10px;border-radius:12px;transition:border .25s,box-shadow .25s}.input-group textarea{max-width:100%;min-height:42px;height:65px}.input-group input:focus,.input-group textarea:focus{border-color:#3b83f6;outline:none;box-shadow:0 3px 15px #3b83f633}.input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;flex-grow:1}.education-dates{display:flex;gap:8px}label>*{font-family:NotoSans-SemiBold}.optional-text,.recommended-text{margin-left:8px;color:#9ca3af;font-size:10.5px}.personal-details{padding:18px;background-color:#fff;border-radius:12px}.personal-info{background-color:var(--resume-accent);color:var(--header-resume-color);width:100%;padding:36px 24px}.resume-name{text-align:center}.contact-info{display:flex;flex-direction:column;gap:18px;margin:auto;width:fit-content}.resume.top .contact-info{flex-direction:row;flex-wrap:wrap;justify-content:center}.contact-info>div{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.resume-container{width:21cm;height:29.7cm;box-shadow:#32325d1a 0 13px 27px -5px,#00000040 0 8px 16px -8px}.resume{background-color:#fff;position:sticky;top:0;font-family:var(--resume-font);display:grid;width:100%;height:100%}.resume.top{grid-template-rows:auto 1fr}.resume.left{grid-template-columns:44% 56%}.resume.right{grid-template-columns:56% 44%}.resume.right>:first-child{grid-column:2 / 2;grid-row:1 / end}.resume.right>:last-child{grid-column:1 / 1;grid-row:1 / end}.resume-section{padding:0 56px;margin-top:40px}button{cursor:pointer}.resume h1,.resume h2,.resume h3{font-family:var(--resume-bold);font-weight:700}.header-text{display:flex;align-items:center;justify-content:center;width:680px;margin-bottom:13px;text-align:center;border-radius:2px;padding:4px 0;background-color:var(--section-resume-bg);color:var(--resume-accent)}.forms-container{width:100%}.dates-group{display:flex;gap:16px;width:100%;flex-wrap:wrap}.sidebar{padding:14px 8px;background-color:#fff;border-radius:12px;height:fit-content;display:flex;flex-direction:column;gap:3px;flex-grow:1}.sidebar button{border:0;background-color:transparent;padding:12px 4px;border-radius:12px;display:flex;gap:8px;font-size:16px;flex-direction:column;align-items:center;font-family:NotoSans-SemiBold;transition:background-color .15s ease-in-out}.sidebar button[data-selected=true]{background-color:#f5f5f5;color:#0e374e}.sidebar button:active{scale:.95}.two-column-row{display:flex;justify-content:space-between;margin-bottom:24px;gap:32px}.left-col{flex:0 0 160px;font-size:.9rem;color:#555}.right-col{flex:1;display:flex;flex-direction:column;gap:4px}.school-name,.company-name{font-weight:700;font-size:1rem;color:#222}.degree,.position-title{font-style:italic;font-size:.95rem;color:#444}.description{color:#333;line-height:1.5;white-space:pre-line}.buttons{display:flex;justify-content:space-between;gap:12px;margin-top:14px;padding:0 4px;flex-wrap:wrap}