body{margin:0;font-family:Jost,sans-serif}#root{display:grid;grid-template-columns:auto 1.25fr;gap:30px}.generator{height:fit-content;width:422px;box-shadow:0 0 10px 2px #00000040;border-radius:12px;margin:25px 0 25px 30px;display:flex;flex-direction:column}.generator-header{color:#fff;background-color:#0284c7;border-top-left-radius:12px;border-top-right-radius:12px;display:flex;justify-content:center;align-items:center;font-size:2rem}.nav{display:grid;align-items:center;background-color:#000;height:40px;color:#fff}.nav button{justify-self:center;border:none;background-color:#000;font-family:Jost,sans-serif;color:#fff;font-size:1rem;cursor:pointer}.nav button:hover,input:hover,.custom-button:hover{color:#f43f5e;transition:color .2s}.generator-forms{display:grid;grid-template-columns:.75fr 1fr;grid-template-rows:auto auto auto;height:100%;margin:20px 20px 0;gap:24px}.generator-forms>div{box-shadow:0 0 10px 2px #00000040;border-radius:12px}.generator-forms label{font-size:.625rem}.generator-forms input[type=submit]{cursor:pointer;font-size:.625rem;font-family:Jost,sans-serif;padding:6px 16px;background-color:#e5e5e5;display:flex;justify-content:center;align-items:center;margin:0;border:none;border-radius:8px}.generator-forms button{font-size:.625rem;font-family:Jost,sans-serif;border-radius:8px;display:flex;justify-content:center;align-items:center;padding:6px 16px;background-color:#e5e5e5;cursor:pointer}.generator-forms button:hover{color:#cbd5e1;transition:color .2s}.general-info-header{background-color:#0284c7;color:#fff;display:flex;justify-content:center;align-items:center;border-top-left-radius:12px;border-top-right-radius:12px}.form-general{grid-column:1/2;grid-row:1/2;display:flex;flex-direction:column;gap:7px;padding:5px 20px}.form-general input{border-radius:4px;border:1px solid black}.form-general input[type=file]{display:none}.general-form-buttons{display:flex;justify-content:space-between;margin-top:14px}.custom-button{border-radius:8px;display:flex;justify-content:center;align-items:center;padding:6px 7px;background-color:#e5e5e5;cursor:pointer;grid-column:2/-1}.generator-forms>.generator-buttons{display:flex;flex-direction:column;justify-content:space-between;box-shadow:none}.generator-buttons button{border:none;border-radius:12px;font-size:1rem;box-shadow:0 0 10px 2px #00000040;color:#fff;height:45px}.generator-buttons>.clear-cv-button{background-color:#dc2626}.generator-buttons>.load-example-button{background-color:#1e40af}.generator-buttons>.download-cv-button{background-color:#65a30d}.edu-info-container{grid-column:1/-1;display:flex;flex-direction:column;position:relative}.edu-info-header{display:flex;justify-content:center;align-items:center;background-color:#0284c7;color:#fff;border-top-right-radius:12px;border-top-left-radius:12px}.edu-info-container form{display:flex;flex-direction:column;padding:5px 20px;gap:7px}.first-input-row,.second-input-row{display:flex;justify-content:space-between;gap:40px}.field{display:flex;flex-direction:column;width:200px}.form-general>.field{display:flex;flex-direction:column;width:145px}.field input{width:100%;border-radius:4px;border:1px solid black}.buttons-row{display:flex;justify-content:space-between;gap:20px}.buttons-row>div{display:flex;gap:7px;height:25px}.buttons-row>div>button,.buttons-row>div>input{max-width:50px;border:none}.buttons-row>div>button:hover{color:#f43f5e;transition:color .2s}.job-info-container{grid-column:1/-1;position:relative}.job-info-header{background-color:#0284c7;color:#fff;border-top-right-radius:12px;border-top-left-radius:12px;display:flex;justify-content:center;align-items:center}.page-number{position:absolute;top:1px;right:10px;color:#fff}.job-info-container form{display:flex;flex-direction:column;padding:5px 20px;gap:7px}.textarea-field{width:100%}textarea{resize:none;width:100%;border-radius:8px}.author{display:flex;justify-content:center;align-items:center;padding:20px}.author>a>img{height:30px}.author>a{text-decoration:none;color:#000;display:flex;justify-content:center;align-items:center}.customization-screen{display:grid;grid-template-columns:1fr 100px;margin:20px 20px 0;gap:24px}.layout-settings{display:flex;flex-direction:column;grid-column:1/2;box-shadow:0 0 10px 2px #00000040;border-radius:12px}.layout-settings-header{display:flex;justify-content:center;align-items:center;background-color:#0284c7;color:#fff;border-top-left-radius:12px;border-top-right-radius:12px}.layout-settings-content{padding:10px;display:flex;gap:10px}.layout-settings-content>div{cursor:pointer;display:flex;width:50px;aspect-ratio:1/1;border-radius:10px;border:1px solid black}.layout-top{flex-direction:column}.layout-top>.layout-settings-example-header{border-top-left-radius:8px;border-top-right-radius:8px}.layout-bottom{flex-direction:column-reverse}.layout-bottom>.layout-settings-example-header{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.layout-right{flex-direction:row-reverse}.layout-right>.layout-settings-example-header{border-bottom-right-radius:8px;border-top-right-radius:8px}.layout-left>.layout-settings-example-header{border-bottom-left-radius:8px;border-top-left-radius:8px}.layout-settings-example-header{flex-basis:50%;background-color:#000}.color-settings{grid-column:2/-1;aspect-ratio:1/1;overflow:hidden;border-radius:100%;box-shadow:0 0 10px 2px #00000040}input[type=color]{width:100%;height:100%;background:#ffffff 0% 0% no-repeat padding-box;transform:scale(1.5)}.cv-container{max-width:800px;min-width:750px;height:842px;box-shadow:0 0 10px 2px #00000040;margin:25px 30px 25px 0}.cv-header{background:#0284c7;color:#fff;display:flex;justify-content:space-between;padding:20px 70px}.cv-name{font-size:2rem}.cv-email,.cv-tel{font-size:1rem}.cv-avatar{width:100px;border-radius:1000px}.cv-body{font-size:1rem;padding:20px 70px;display:flex;flex-direction:column;gap:24px}.cv-edu-header,.cv-job-header{font-size:1.25rem;background:rgba(186,192,194,.4);color:#0284c7;display:flex;justify-content:center;align-items:center}.cv-edu-info,.cv-job-info{display:flex;justify-content:flex-start;gap:20px;padding:7px 15px}.cv-responsibilites{display:flex;word-break:break-all}.cv-dates{display:flex;flex-direction:column;width:90px}