.app{display:flex;gap:1rem;margin:1rem}.edit-side{display:flex;flex-direction:column;gap:var(--side-bar-gap);min-width:40ch}.sidebar,.loader,.personal-details,.layout,.Color,.Fonts{background-color:var(--resume-bg-color);padding:1rem;border-radius:.5rem;text-align:center}.layout,.Fonts{min-height:150px}.sidebar{display:flex;flex-direction:column;gap:.5rem}.sidebar button{background-color:#f5f5f5;border:none;color:#0e374e;padding:.5rem;font-family:inherit;border-radius:.5rem}.sidebar button:hover,.expand-btn:hover,.btn-form:hover,.create-form:hover{background-color:var(--hover-background)}.loader button{background-color:#f5f5f5;border:none;padding:.5rem;font-family:inherit;border-radius:.2rem}.loader button:hover{background-color:var(--hover-background)}.loader{display:flex;justify-content:space-between;flex-wrap:wrap}.clear-resume,.load-sample,.sbarBtn,.expand-btn,.contact-info>div{display:flex;align-items:center;justify-content:center;gap:5px;font-size:1rem}.clear-resume{color:#9b0000}.form-container,.Customize{display:flex;flex-direction:column;gap:var(--side-bar-gap)}.personal-details h2,.Customize h2{margin:.5rem 0 1rem}.input-section{display:flex;flex-direction:column;gap:.2rem;padding-bottom:.7rem}.sidebar,.loader,.form-container label>*{font-family:NotoSans-SemiBold;color:#2d2c2c}.recommended-text{color:#9ca3af;font-size:.7rem;margin-left:.5rem}input,textarea{background-color:var(--main-bg-color);border:2px solid transparent;border-radius:1rem;padding:.5rem 1rem;color:#000000b3}input:focus-visible{outline:none;box-shadow:1px 1px 5px #010100b3}textarea{resize:none;overflow:hidden}.expand-btn,.btn-form{border:none;width:100%;padding:1rem;background-color:var(--resume-bg-color);border-radius:.5rem}.btn-form{font-family:NotoSans-SemiBold;display:flex;align-items:center;justify-content:space-between;font-size:1rem;color:#2d2c2c}.expand-btn{margin-bottom:.4rem}.create-form{border:none;width:100%;background-color:var(--resume-bg-color);padding:1rem;font-family:Roboto;font-weight:600;font-size:1rem;color:#5a5858;display:flex;justify-content:center;align-items:center}.form-btns{padding:1rem 0;display:flex;justify-content:space-between}.save-btn,.delete-btn,.cancel-btn{padding:.5rem;border-radius:5px;font-weight:700}.save-btn{background-color:#fff;color:#0000ffb3;border:1px solid rgba(0,0,255,.7)}.delete-btn{background-color:#fff;color:#cf0000b3;border:1px solid rgba(207,0,0,.7)}.cancel-btn{background-color:var(--resume-bg-color);border:1px solid gray;color:gray}.section-content,.hide{height:0;opacity:0;z-index:-1}.open{height:auto;opacity:1}.forms-container{display:flex;flex-direction:column;gap:.4rem;align-items:center}.education-form,.experience-form{background-color:var(--resume-bg-color);padding:1rem;width:100%;border-radius:.5rem}.add-experience{z-index:1}.optionbtns{display:flex;justify-content:space-evenly}.optionbtns button{background-color:transparent;border:none;font-size:.9rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:65px;gap:5px}.optionbtns button>div{width:2.5rem;height:2.5rem;border:1px solid black;border-radius:5px;font-size:1.4rem;display:flex;justify-content:center;align-items:center;background-color:transparent;box-shadow:0 0 #02ffff00;transition:background-color .15s ease-out .1s;transition:box-shadow .15s ease-out .1s}.optionbtns div:hover{background-color:var(--hover-background);box-shadow:1px 1px 10px #02ffff}.optionbtns button>div:is(.mono){font-family:monospace,Courier New,Courier,Verdana,Tahoma,sans-serif}.optionbtns button>div:is(.josefin){font-family:JosefinSans}.optionbtns button>div:is(.arial){font-family:Arial,Helvetica,sans-serif}.accent-color{display:flex;align-items:center;justify-content:center;font-size:1.1rem}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:4.5rem;height:3.5rem;border:none;cursor:pointer;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}input[type=color]::-webkit-color-swatch{border-radius:50%}input[type=color]::-moz-color-swatch{border-radius:50%}.resume-container{min-width:600px;box-shadow:0 0 5px gray}.personal-info,.personal-background{padding:1.5rem}.personal-background{background-color:var(--resume-bg-color);min-height:900px}.contact-info{display:flex;justify-content:space-around;flex-wrap:wrap}.ed-info,.ex-info{padding-bottom:1.5rem}.education-info>div,.experience-info>div{padding-right:2rem}.first-column>div{max-width:23ch;overflow:hidden}.second-column>div{max-width:50ch;overflow:hidden;white-space:pre-line}.first-column,.second-column{display:flex;flex-direction:column;gap:5px}.position-title,.Degree{font-style:italic;color:#3a3a3a}.descriptiondiv{color:#545454}.second-column>div:first-child{font-weight:700}.header-text{padding:.25rem}.education-info,.experience-info{display:grid;grid-template-columns:200px 1fr;margin-bottom:var(--titles-margin-bottom)}.edDates,.exDates{display:flex;gap:.3rem}*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:JosefinSans;src:url(/assets/JosefinSans-VariableFont_wght-cb916491.ttf)}@font-face{font-family:NotoSans-SemiBold;src:url(/assets/NotoSans-SemiBold-9cbfd620.ttf)}body{--main-bg-color: hsl(220deg 14.29% 95.88%);--side-bar-gap: 1.2rem;--titles-margin-bottom: 1rem;--resume-bg-color: #fff;--hover-background: rgb(197 253 253);background-color:var(--main-bg-color)}h1,h3{text-align:center;margin-bottom:var(--titles-margin-bottom)}