.general-form,.education-form{font-size:20px;display:flex;flex-direction:column;gap:1.5rem}.education-item{display:flex;flex-direction:column;width:80%;align-items:center;justify-self:center;border:2px black solid;border-radius:15px;align-self:center}.education-item>button{margin-bottom:1rem}.education-list{display:flex;flex-direction:column}.education-edit-buttons{width:50%;display:flex;justify-content:space-around;margin-bottom:1rem}.skill-form{font-size:20px;display:flex;flex-direction:column;gap:1.5rem}.skills-list{display:flex;flex-direction:column;margin-bottom:1rem}.skill-input-div{display:flex;gap:.5rem;justify-content:center;align-items:center}.skill-form button{margin-top:.5rem;height:2.5rem}.experience-form{font-size:20px;display:flex;flex-direction:column;gap:1.5rem}.experience-item{display:flex;flex-direction:column;width:80%;align-items:center;justify-self:center;border:2px black solid;border-radius:15px;align-self:center}.experience-item>button{margin-bottom:1rem}.experience-list{display:flex;flex-direction:column}.experience-edit-buttons{width:50%;display:flex;justify-content:space-around;margin-bottom:1rem}.experience-form button{margin-top:.5rem;height:2.5rem}.project-form{font-size:20px;display:flex;flex-direction:column;gap:1.5rem}.project-item{display:flex;flex-direction:column;width:80%;align-items:center;justify-self:center;border:2px black solid;border-radius:15px;align-self:center}.project-item>button{margin-bottom:1rem}.projects-list{display:flex;flex-direction:column}.project-edit-buttons{width:50%;display:flex;justify-content:space-around;margin-bottom:1rem}.desc-input-div{display:flex;gap:.5rem;justify-content:center;align-items:center}.project-form button{margin-top:.5rem;height:2.5rem}.cv-preview h1,.cv-preview h2,.cv-preview h3,.cv-preview h4,.cv-preview h5,.cv-preview h6,.cv-preview p,.cv-preview hr,.cv-preview ul,.cv-preview li{margin:.5rem}.cv-preview hr{border:none;margin:0 .5rem;border-top:2px solid black}.cv-preview .main-header{margin-top:1rem}.general-info{display:flex;flex-direction:column;align-items:center}.cv-preview a{all:unset;color:#00e;cursor:pointer}.general-info p{margin:0 0 .5rem}.cv-preview .main-header,.education p{margin-bottom:0}.school-date,.exp-date,.proj-date{display:flex;justify-content:space-between}.cv-preview .exp-summary{margin-top:0;margin-bottom:1rem}.cv-preview ul{list-style-position:inside;padding:0;margin-top:0}.cv-preview li{margin-top:0}.cv-preview .skill-group p{margin-bottom:0}body{margin:0;overflow:hidden}.app{display:grid;grid-template-columns:1fr 2fr;height:100vh;width:100%}.edit-section-container{position:relative;overflow-y:auto;overflow-x:hidden;padding:1rem;display:flex;flex-direction:column;gap:1rem;height:100%;box-sizing:border-box;background-color:#fff}.zoom-slider{font-size:1.25rem;width:50%;display:flex;flex-direction:column;align-items:center;margin-top:auto;align-self:center;padding:.5rem 1rem;border-radius:1rem;border:1px solid black}.zoom-slider input{width:100%}.edit-card{display:flex;flex-direction:column;justify-content:center;padding:0 1rem;border:2px black solid;border-radius:15px;background-color:#f9f9f9}.edit-card input{margin-top:.5rem;padding:.5rem .75rem;font-size:1rem;line-height:1.5;border:1px solid #737373;border-radius:.5rem;width:100%;box-sizing:border-box;background-color:#fff;color:#333;transition:border .2s,box-shadow .2s}.edit-card input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.edit-card .apply-button{padding:.6rem 1.2rem;font-size:1rem;font-weight:500;border:none;border-radius:.5rem;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .2s,box-shadow .2s;margin-bottom:1rem}.edit-card .apply-button:hover{background-color:#0069d9}.edit-card .apply-button:active{background-color:#0056b3;box-shadow:inset 0 2px 4px #00000026}.main-card{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:4rem}.main-card>button{width:10%;height:40%}.preview-section-container{z-index:999;overflow-y:auto;overflow-x:hidden;display:flex;justify-content:center;align-items:start;height:100%;background-color:#a2a2a2;box-sizing:border-box;box-shadow:-10px 0 15px #0000001a,10px 0 15px #0000001a}.cv-preview{z-index:999;font-size:18px;width:794px;height:1123px;background-color:#fff;box-shadow:-10px 10px 30px #00000040,-3px 3px 10px #0003;transform:scale(.85);transform-origin:top center;border:2px solid #e0e0e0;padding:1rem;margin:2rem 0;-webkit-user-select:none;user-select:none}hr{border:none;border-top:2px solid #b0b0b0;margin:2rem 0}
