@import url(https://fonts.googleapis.com/css2?family=Barlow&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);*{margin:0;padding:0}body{background:#dadada}.banner{background:#121212;color:#eaebea;padding:1.4rem 0;position:relative;text-align:center}h1{font-family:Barlow,sans-serif}.github-link{color:#eaebea;font-size:1.8rem;position:absolute;right:2rem;text-decoration:none;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cv-editor{background:#f7f7f7;border-radius:8px;box-shadow:0 0 20px 2px rgba(0,0,0,.5);margin:2.5rem auto;padding:1rem;width:50%}.cv-editor,.cv-editor div{display:flex;flex-direction:column;gap:.8rem}.cv-editor div h2,.cv-editor div h4{color:#222;font-family:Roboto,sans-serif}.cv-editor div h2{margin:.6rem .6rem 0}.cv-editor div h4{margin:0 .6rem}.cv-editor div textarea{resize:none}.cv-editor div input,.cv-editor div textarea{border:1px solid #d1d1d1;border-radius:8px;font-family:Roboto,sans-serif;font-size:1.2rem;outline:none;padding:.6rem}.cv-editor div input:focus,.cv-editor div textarea:focus{background:#f3f3f3;border-color:#b4b4b4}button{background:#fff;border:1px solid #969696;border-radius:4px;cursor:pointer;font-size:1.2rem;outline:none;padding:8px 12px}button i{margin-left:.5rem}button:hover{background:#2eca2e;border-color:#149414;color:#eaebea}@media (max-width:1200px){.cv-editor{width:65%}}@media (max-width:1000px){.cv-editor{width:75%}}.cv-preview{background:#fff;border-radius:2px;box-shadow:0 0 20px 2px rgba(0,0,0,.5);display:grid;font-family:Barlow,sans-serif;grid-template:1fr 8fr/1fr 3fr;margin:3rem auto;width:50%}.preview-header{align-items:flex-end;background:#1a4975;color:#fff;display:flex;gap:1rem;grid-area:1/1/2/3;padding:2rem}.preview-header p{font-size:1.4rem}.preview-header h2{font-size:2rem}.preview-aside{background:#eaebea;grid-area:2/1/3/2;padding:3rem 2rem}.personal-details,.preview-aside{align-items:center;display:flex;flex-direction:column}.personal-details{font-family:Roboto,sans-serif;font-size:1.2rem;gap:.3rem;text-align:center;width:100%;word-break:break-all}.personal-details h4{margin-top:.6rem}.preview-aside h3{font-size:1.5rem;margin:5rem 0 1rem}.skills{display:flex;flex-direction:column;gap:1rem;width:100%}.skill{font-size:1.2rem;position:relative;word-break:break-all}.delete-skill{cursor:pointer;margin-left:.4rem;position:absolute;right:-22px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.skill:hover>.delete-skill{opacity:1}.preview-main{align-items:center;display:flex;flex-direction:column;gap:.4rem;grid-area:2/2/3/3;padding:.4rem 1.2rem 1.2rem}.preview-main h3{font-size:1.4rem;margin:1rem 0 .3rem}.description{font-family:Roboto,sans-serif;text-align:center}.educations{display:flex;gap:.6rem;justify-content:space-around;width:100%}.educations div{display:flex;flex-direction:column;font-family:Roboto,sans-serif;gap:.3rem;justify-content:space-between;position:relative;text-align:center}.educations div:hover>.delete-education{opacity:1}.study-title{font-size:1.2rem;font-weight:700}.school-name{color:#333;font-size:1.1rem}.work-experiences{gap:1.5rem}.job,.work-experiences{display:flex;flex-direction:column}.job{font-family:Roboto,sans-serif;gap:.6rem;position:relative}.job-details{display:flex;font-size:1.1rem;justify-content:space-between}.job-position{font-weight:700}.job-company{color:#333}.job-duties{text-align:center}.education-dates,.job-dates{font-style:italic}.job:hover>.delete-work-experience{opacity:1}.delete-education,.delete-work-experience{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.delete-education{bottom:-20px}.delete-work-experience{bottom:-25px}.delete-education,.delete-skill,.delete-work-experience{background:transparent;border:none;cursor:pointer;font-size:1.2rem;opacity:0}.delete-education:hover,.delete-skill:hover,.delete-work-experience:hover{color:crimson}@media (max-width:1400px){.cv-preview{width:65%}}@media (max-width:1200px){.cv-preview{width:75%}}@media (max-width:1000px){.cv-preview{width:90%}}
/*# sourceMappingURL=main.38f5acb9.css.map*/