:root{--content: #ffffff;--color-body: #eeeff1;--header-cv: #0e374e;--font: sans-serif }body{padding:30px;margin:0;font-family:lato,var(--font);box-sizing:border-box;background-color:var(--color-body)}.flex{display:flex}.container{display:flex;gap:25px}.form-add{gap:5px;display:flex;flex-direction:column}.gap-30{gap:30px}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.border-top-none{border-top:none!important}.pt-10{padding-top:10px}.inline-input{display:flex;gap:30px}.accent-color{display:flex;align-items:center;gap:10px}.custom-button-add{display:flex;align-items:center;justify-content:center}.custom-button-add .add-button{display:flex;align-items:center;justify-content:center;background-color:initial;border:4px solid #eef0f4;border-radius:69420px;margin:18px 0;padding:10px 20px;font-weight:500}.custom-button-add .add-button img{margin-right:5px}.font-select{display:flex;gap:8px}.font-select .btn-choose-font{align-items:center;background-color:initial;border:1px solid #000;border-radius:8px;display:flex;flex-direction:column;font-size:16px;height:70px;justify-content:space-around;padding:8px 12px;transition:.1s ease-in-out;width:60px}.font-select .choosen-font{background:#0e374e;color:#fff}.input-group{display:flex;flex-direction:column;flex-grow:1;gap:6px;margin-bottom:12px;font-weight:600;font-size:17px}.input-group input,.input-group textarea{background-color:var(--color-body);border:2px solid transparent;border-radius:6px;padding:10px;transition:border .25s,box-shadow .25s}.input-group textarea{resize:vertical}.input-group input:focus,.input-group textarea:focus{border-color:#3b83f6;box-shadow:0 3px 15px #3b83f633;outline:none}.border-radius-bottom{border-bottom-left-radius:12px!important;border-bottom-right-radius:12px!important}input[type=color]{width:30px;height:30px;color:#000;border:none;cursor:pointer;background-color:var(--content)}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:50%}button{border:none;border-radius:4px;padding:8px 16px;font-size:16px;font-weight:700;cursor:pointer}.group-button{display:flex;justify-content:space-between;margin-top:10px}.group-button .delete-button,.group-button .cancel-button{background-color:initial;color:gray;outline:1px solid grey}.group-button .delete-button{display:flex;align-items:center;gap:5px}.group-button .delete-button span{position:relative;top:6%}.group-button .save-button{background-color:#187ff5;color:#fff}.justify-content-between{justify-content:space-between}.cursor-pointer{cursor:pointer}.card-item{align-items:center;background-color:var(--content);border:none;border-top:5px solid var(--color-body);border-bottom:5px solid var(--color-body);margin:5px 0 var(--color-body);display:flex;justify-content:space-between;padding:12px 14px 12px 24px}.card-item .title-card-item{margin:10px 0}.card-button{border-top:0;display:flex;align-items:center;justify-content:center;padding:0;border-radius:0 0 12px 12px}.editable-container{flex-grow:1;gap:25px}.editable-container .customize-container{height:fit-content;background-color:var(--content);padding:12px 8px;border-radius:12px;font-size:16px}.editable-container .customize-container .item-customize{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border-radius:12px;cursor:pointer}.editable-container .customize-container .selected-mode{background-color:#f5f5f5}.editable-container .group-template{flex-direction:column;gap:25px;width:100%}.editable-container .group-template .load-template-container{background-color:var(--content);padding:12px;border-radius:12px}.editable-container .group-template .load-template-container .template-item{align-items:center;justify-content:center;display:flex;width:50%;font-weight:600}.editable-container .group-template .load-template-container .option-load{padding:8px;background-color:var(--color-body);border-radius:8px}.editable-container .group-template .load-template-container .option-clear{gap:8px}.editable-container .group-template .load-template-container .option-clear .text-clear{color:#d62b2b;position:relative;top:4%}.editable-container .group-template .template-container{background-color:var(--content);padding:20px;border-radius:12px 12px 0 0}.editable-container .group-template .template-container h2{margin-top:0}.show-cv{width:21cm;height:29.7cm;background-color:var(--content)}.show-cv .header{background-color:var(--header-cv);color:var(--content);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;word-break:break-word}.show-cv .header .name-info{margin-top:0}.show-cv .header .info-user{display:flex;gap:20px;align-items:center;justify-content:center}.show-cv .header .info-user .item-info{display:flex;align-items:center}.show-cv .section-education,.show-cv .section-experience{margin-top:40px;padding:0 50px}.show-cv .section-education .header-section,.show-cv .section-experience .header-section{background-color:var(--color-body);color:var(--header-cv);padding:6px 0;text-align:center;border-radius:5px}.show-cv .section-education .item-section,.show-cv .section-experience .item-section{font-size:17px;display:flex;margin-bottom:30px;gap:40px;word-break:break-word}.show-cv .section-education .item-section .first-part,.show-cv .section-experience .item-section .first-part{min-width:150px;max-width:150px;display:flex;flex-direction:column;gap:5px}.show-cv .section-education .item-section .second-part,.show-cv .section-experience .item-section .second-part{display:flex;flex-direction:column;gap:5px}.show-cv .section-education .item-section .second-part .school,.show-cv .section-education .item-section .second-part .company,.show-cv .section-experience .item-section .second-part .school,.show-cv .section-experience .item-section .second-part .company{font-weight:600}