*{padding:0;margin:0}ul{list-style:none}input{all:unset}input:focus,textarea:focus{outline:2px solid lightblue}button{font-family:inherit;background:none;border:none}button:hover{background-color:#add8e6}#root{display:flex;justify-content:center;gap:1rem;background:#d3d3d3}.formSection{margin-top:1rem;min-width:275px;display:flex;flex-direction:column;gap:1rem;font-family:sans-serif;border-radius:10px}.formSectionTitle{font-size:1.1rem}.formSubsection{padding:1rem;border-radius:5px;background-color:#fff}input,textarea{display:block;padding:.25rem;border-radius:3px;width:calc(100% - .5rem);background-color:#ececec}textarea{width:calc(100% - .5rem);height:5rem}.generalInfoFormItem{margin:.5rem 0;width:100%;box-sizing:border-box}.formRequirement{font-size:.7rem;margin-left:.2rem;float:right}.required{color:red}.workListButton,.schoolListButton{text-align:left;width:100%}.workFormItem,.schoolFormItem,.addSchoolFormItem,.addJobFormItem{margin-top:.3rem;width:100%;box-sizing:border-box}.workFormListItem,.educationFormListItem,.addSchoolForm,.addJobForm{font-size:.8rem}.workFormJobButton:hover{border:blue}.workFormJobButton,.educationFormSchoolButton{font-size:.9rem;text-align:left;margin-top:.3rem;width:100%}.expandedIcon,.collapsedIcon,.expandedIconSection,.collapsedIconSection{float:right}.formControlsContainer{display:flex}.formControlsContainer button,.addNewSchoolButton,.addNewJobButton{width:4rem;height:2rem;border:1px solid black;border-radius:5px}.saveEditGeneralInfoButton,.saveEditSchoolButton,.saveAddSchoolButton,.saveEditJobButton,.saveAddJobButton{margin-right:.3rem}.deleteJobButton,.deleteSchoolButton{margin-left:auto}.addNewSchoolButton,.addNewJobButton,.formControlsContainer{margin-top:.3rem;width:100%}.previewSection{max-width:750px;min-width:500px;min-height:970px;margin-top:1rem;background:#fff;font-family:Times New Roman,sans-serif}.previewContainer{margin:2rem}.previewHeader{text-align:center;margin-bottom:1rem}.previewHeaderFullName{font-size:2rem;margin-bottom:.5rem}.contactIcon{width:1rem;position:relative;top:.1rem;margin-right:.2rem}.contactInfo{display:flex;justify-content:center;flex-wrap:wrap;gap:.4rem}.contactInfo div{margin-right:.5rem}.rowContainer{display:grid;grid-template-columns:4fr 3fr}.rowContainer,.jobPosition{margin:.5rem 0}.jobContainer,.schoolContainer{margin-bottom:1rem}.sectionHeader{padding:.2rem;background:#d3d3d3}.workInfoHeader{text-align:center}.previewHeader,.educationInfoContainer,.workInfoContainer{margin:2rem}.jobDates{text-align:end}.jobDescription{margin:.5rem}.educationInfoHeader{text-align:center}.schoolDates{text-align:end}