.personal-details .full-name{display:flex;gap:10px}.edit-card{display:flex;flex-direction:column;gap:10px;padding:20px;box-shadow:#63636333 0 2px 8px;border-radius:10px;background-color:#fff}.edit-card form{display:flex;flex-direction:column;gap:10px}.edit-card form input{padding:7px;border-radius:10px;border:none;background-color:#ececec;font-size:1rem}.edit-card form>h1.title{font-size:1.7rem}.action-buttons{display:flex;justify-content:space-between}.action-buttons .cancel-save{display:flex;gap:10px}.action-buttons button{padding:5px 10px;border-radius:3px;border:1px solid rgb(214,214,214);cursor:pointer;font-weight:700}.action-buttons .save-button{color:#fff;background-color:#00bfff;border:none}.action-buttons .delete-button{color:#fff;background-color:red;border:none}.edit-card-dropdown .expand-button{display:flex;justify-content:space-between;align-items:center;width:100%;border:none;text-align:start;font-size:1.5rem;font-weight:700;background-color:#fff;padding:20px;box-shadow:#63636333 0 2px 8px;border-radius:10px;cursor:pointer}.edit-card-dropdown>:not(:first-child){border-radius:0 0 10px 10px}.edit-card-dropdown .expand-button.open{border-radius:10px 10px 0 0}.edit-card-dropdown form{display:none}.edit-card-dropdown form.open{display:flex;flex-direction:column;gap:10px;background-color:#fff;padding:0 20px 20px}.edit-card-dropdown form.open>:nth-last-child(2){margin-bottom:20px}.edit-card-dropdown .item-list{display:none;background-color:#fff}.edit-card-dropdown .item-list>*{margin:0 20px}.edit-card-dropdown .item-list.open{display:flex;flex-direction:column;gap:10px}.edit-card-dropdown .item-list .add-button{align-self:center;padding:8px 18px;margin-top:5px;margin-bottom:15px;border-radius:20px;border:none;background-color:green;color:#fff;cursor:pointer}.saved-item{padding:20px;border:none;font-size:1rem;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.saved-item:hover{filter:brightness(.95)}.input-group{display:flex;flex-direction:column;gap:5px;max-width:100%}.input-group h1{font-size:1.2rem}.input-group input{width:100%}.input-group textarea{resize:vertical}.input-group input,.input-group textarea{padding:7px;border-radius:10px;border:none;background-color:#ececec;font-size:1rem}.edit-card-dropdown.education .date-of-study,.edit-card-dropdown.experience .employment-date{display:flex;gap:10px}.cv-editor{display:flex;flex-direction:column;gap:20px;max-width:400px;min-width:300px}.clear-and-load-buttons{display:flex;justify-content:space-around;gap:10px}.clear-and-load-buttons button{padding:5px 10px;font-size:1rem;font-weight:700;border-radius:10px;border:none;cursor:pointer}.clear-and-load-buttons button:hover{filter:brightness(.9);transform:scale(1.05)}.clear-and-load-buttons .clear-button{color:#fff;background-color:red}.clear-and-load-buttons .load-button{color:#fff;background-color:#00f}section.resume{width:950.45px;height:1230px;background-color:#fff}.resume header{display:flex;flex-direction:column;align-items:center;padding:20px}.resume header .name{font-size:2rem}.resume header .contact{display:flex}.resume header .contact>*{padding:5px}.resume main{padding:0 20px}.resume main .education-section .title span,.resume main .experience-section .title span{font-size:.9rem}.resume main .education-section .title,.resume main .experience-section .title{margin-bottom:5px;border-bottom:1px solid black;padding:3px 0;font-weight:400}.education-info{margin:0 10px 10px}.education-info .school-address{display:flex;justify-content:space-between}.education-info .school-address .school{font-weight:700}.education-info .degree-date-of-study{display:flex;justify-content:space-between;font-style:italic}.education-info .degree-date-of-study .date-of-study{display:flex;gap:10px}.experience-info{display:flex;flex-direction:column;gap:3px;margin:0 10px 10px}.experience-info .position-title-employment-date{display:flex;justify-content:space-between}.experience-info .company-name-location{display:flex;justify-content:space-between;font-style:italic}.experience-info .position-title{font-weight:700}.experience-info .employment-date{display:flex;justify-content:space-between;gap:10px}.experience-info .achievements{margin:0 0 0 35px}:root{font-size:16px;--main-font: "Times New Roman", Times, serif}*{padding:0;margin:0;box-sizing:border-box;font-family:var(--main-font)}#root{height:100%;background-color:#ececec}.app{display:flex;margin:auto;max-width:1300px;gap:20px;padding:20px}