*{box-sizing:border-box}*{font-family:Roboto,sans-serif}#root{display:grid;gap:10px;margin:auto}button{color:#000}#root>button{background-color:#c2c2c2}#root div.document{border:1px solid grey}form,.editable-div{display:grid;grid-template-columns:repeat(2,auto);justify-content:start;gap:5px;border:1px dashed grey;padding:5px}form button,.editable-div button{align-self:start}.job-description{display:grid;grid-template-columns:1fr auto;align-items:center}.experience{display:grid;grid-template-columns:1fr auto;grid-template-rows:repeat(3,auto);padding:0;gap:10px}.skill{padding:0}.work-title,.company{grid-column:1 / 2}.job-description{grid-column:1 / -1}.working-years{grid-row:1 / 2;grid-column:2 / -1}.job-description input{width:90%;min-height:30px}.icon{width:20px}.contact{padding:0;display:grid;gap:20px}.contact-item{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.education{display:grid;gap:10px;padding:0}.image-container{display:grid;align-items:center;justify-items:center;border:1px solid grey;padding:10px;gap:10px;background-color:gray}.image-link{display:grid;grid-template-columns:1fr auto}.profile-image{object-fit:cover;border-radius:50%;width:160px;height:160px;background-image:url(/assets/image-failed-to-load-CmBpRouG.png);background-position:center;background-size:contain}form.image-link{width:100%;display:grid;grid-template-columns:auto auto;justify-content:center;gap:10px}form.image-link label{display:grid;grid-template-columns:auto 1fr;width:100%}.name{border:1px solid grey;display:grid;gap:10px;padding:10px}.title{border:1px solid grey;padding:10px}.cv-area-item>div{border:1px solid grey}.finalize div{border-color:transparent}.document{display:grid;grid-template-columns:296.9px 1fr}.top-section{grid-column:1 / 3;display:grid;grid-template-columns:subgrid;grid-template-rows:1fr}.header{grid-column:2 / 3;display:grid;align-content:center}.image-container{grid-row:1 / 3;background-color:#cacaca;display:grid;align-content:center}#left-section{grid-column:1 / 2;background-color:#cacaca;padding:10px}#right-section{grid-column:2 / 3;padding:10px}.heading{background-color:#000;color:#fff;padding:5px 15px}.editable-div{padding:0}.education,.experience{gap:0px}.header{padding:10px}.editable-div.first-name{font-size:35px;font-weight:600;text-transform:uppercase}.editable-div.last-name{font-size:35px;text-transform:uppercase}.header .editable-div.work-title{font-size:15px;text-transform:uppercase}.editable-div.institution{font-size:20px;font-weight:600}.editable-div.course{font-weight:600}.cv-area .editable-div.work-title,.cv-area .editable-div.company{font-size:17px;font-weight:600}.editable-div.working-years{font-size:16px;font-weight:600}button{padding:5px 10px;border-radius:5px;border:0px;font-weight:600}.editable-div div{display:grid;align-items:center}.editable-div.job-description{text-align:justify}.content{padding:10px;display:grid}.content.education{gap:15px}.content.work-experience{gap:20px}.content.skills{gap:10px}.heading{font-size:20px;font-weight:600}.job-description{line-height:20px}#root button:hover{background-color:#ababab}#root button.delete:hover{background-color:#ec3d3d;color:#fff}#root button.edit:hover,#root button.save:hover,#root button.photo-uploader:hover,#root>button:hover,#root button.add:hover{background-color:#39c267;color:#fff}.document{width:100%;min-height:11in;grid-template-rows:auto 1fr}#root{width:8.5in;display:grid;justify-content:center}.guideline{display:none}.finalize .guideline{display:block;z-index:1000;position:absolute;display:grid;justify-content:end;align-content:end}.finalize .letter{width:8.5in;height:11in;border:3px dotted #d22484}.finalize .long{width:8.5in;height:13in;border:3px dotted #16a9ed}.finalize .legal{width:8.5in;height:14in;border:3px dotted #00fb71}.finalize .size{font-size:20px;border:1px dotted black;padding:5px;background-color:#fff}textarea{width:432px;height:101px}.edit .cv-area div:not(.contact) .cv-area-item>div{display:grid;grid-template-rows:1fr;gap:5px;align-items:center}.edit .skills .cv-area-item div{display:grid;grid-template-columns:1fr auto;gap:5px;align-content:center}.edit .editable-div{align-items:center}.contact .editable-div{justify-content:space-between}.top-section,.top-section *,#left-section,#left-section *,#right-section,#right-section *{border:0px}label{display:grid;align-content:center}#root input,#root textarea{border:1px solid black}#right-section,#left-section{padding-right:25px;padding-left:25px}#left-section{display:grid;gap:20px;grid-template-rows:auto auto 1fr}#right-section .content.work-experience{gap:30px}.header{padding-left:25px}#root{overflow:scroll}.skill input{width:100px}.edit .job-description{grid-template-rows:1fr auto;grid-template-columns:1fr}.contact-item .editable-div div,.editable-div.skill div,.first-name,.last-name{word-break:break-word}.top-section>div{padding:25px}#left-section,#right-section{padding-top:0}#left-section .editable-div.skill button{align-self:center}#right-section,#left-section{padding-bottom:45px}body{background-color:#4a4949;padding-top:20px;padding-bottom:20px}.document{background-color:#fff}#root>button{padding:10px;font-size:20px}#root button{background-color:#afafaf;color:#000}