.general-info{display:flex;flex-direction:column;padding:20px}.general-info p{display:flex;justify-content:center}.general-info .radio-group{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:10px}.general-info input{padding:8px;margin-bottom:12px;border:1px solid #e0e0e0;border-radius:4px}.link-entry{display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:#000;background-color:#fff;padding:10px;border-radius:10px}.link-details{display:flex;gap:10px;align-items:center;justify-content:center;padding:10px}.link-details a{color:#000;font-weight:700;text-decoration:none}.link-details a:hover{color:#00f}.link-details svg{cursor:pointer;width:24px;height:32px}.link-details svg:hover{color:#00f}.link-entry button{padding:10px 20px;border-radius:5px;border:2px solid transparent;background-color:#fff;color:#535bf2;font-weight:700;cursor:pointer}.link-entry button:hover{border:2px solid #535bf2;background-color:#fff}.educational-experience{padding:20px}.educational-experience form{display:flex;flex-direction:column;gap:10px}.educational-experience label{display:flex;flex-direction:column;font-weight:700;margin-bottom:10px}.educational-experience input,.educational-experience textarea{padding:8px;margin-top:5px;border:1px solid #e0e0e0;border-radius:4px;font-size:16px}.educational-experience textarea{resize:vertical;min-height:100px}.educational-experience .buttons{display:flex;gap:10px;margin-top:10px}button{padding:10px 20px;border:2px solid #535bf2;border-radius:5px;background-color:#fff;color:#535bf2;font-weight:700;cursor:pointer}button:hover{background-color:#535bf2;border:2px solid #535bf2}.educational-experience .error{color:red;font-size:14px;margin-top:5px}.education-list{margin-top:20px}.education-entry{display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:#000;background-color:#fff;padding:10px;border-radius:10px}.education-entry .entry-content{display:flex;overflow:hidden;gap:5px}.education-entry .entry-content p{margin:0}.education-entry .entry-buttons{display:flex;gap:5px}.education-entry .entry-buttons button{padding:10px 20px;border-radius:5px;background-color:#fff;color:#535bf2;font-weight:700;cursor:pointer}.education-entry .entry-buttons button:hover{background-color:#fff;border:2px solid #535bf2;color:#535bf2}.h3{padding-top:10px;margin-bottom:10px;display:flex;flex-direction:column;align-items:center;justify-content:end;border-bottom:3px solid rebeccapurple;border-radius:10px}h3{margin:0;padding:0}.download-btn{display:flex;justify-content:center;margin-top:20px;align-items:center}.icon-section{margin:0 25px}.practical-experience{padding:20px}.practical-experience form{display:flex;flex-direction:column;gap:10px}.practical-experience label{display:flex;flex-direction:column;font-weight:700;margin-bottom:10px}.practical-experience input,.practical-experience textarea{padding:8px;margin-top:5px;border:1px solid #e0e0e0;border-radius:4px;font-size:16px}.practical-experience textarea{resize:vertical;min-height:100px}.practical-experience .buttons{display:flex;gap:10px;margin-top:10px}.practical-experience .error{color:red;font-size:14px;margin-top:5px}.experience-list{margin-top:20px}.experience-entry{display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:#000;background-color:#fff;padding:10px;border-radius:10px}.entry-content{flex:1;display:flex;gap:5px}.entry-content p{margin:0}.entry-buttons{display:flex;gap:5px}.entry-buttons button{background:none;border:none;cursor:pointer;font-size:24px;color:#646cff}.entry-buttons button:hover{background-color:#fff;border:2px solid #535bf2}.cv-preview{grid-column:2 / 3;background:#fff;border:2px solid #007BFF;border-radius:8px;margin:0;padding:0}.general-info-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px}.general-info-name{font-size:2em;font-weight:700;color:#535bf2}.general-info-title{font-size:1.2em;color:#3539c7;font-weight:lighter;font-style:italic}.icon-section{display:flex;justify-content:space-between;align-items:center}.icon-text{display:flex;gap:10px;align-items:center;justify-content:center}.cv-section{display:flex;flex-direction:column;padding:0 20px;border:none}.cv-section .cv-entry{display:flex;padding:10px;margin:10px 0;border-radius:10px}.icon-text,.cv-link{padding:2px}h3{margin:10px 0;text-align:center;font-size:1.2em;font-weight:700;color:#535bf2}.h3{border-bottom:5px solid #535bf2}.cv-section ul{display:flex;list-style-type:none;padding:0;margin:0 20px;flex-wrap:wrap;gap:10px}.cv-section li{padding:5px;margin-top:10px;background-color:#535bf2;width:10%;height:10%;border-radius:5px;display:flex;justify-content:center;align-items:center;color:#fff}.cv-entry{display:flex;justify-content:space-between}.cv-entry-dates{display:flex}.cv-entry-info{display:flex;justify-content:center;align-items:center}.cv-link{display:flex;justify-content:flex-start;align-items:center;gap:10px;color:#000;font-weight:700;text-decoration:none}.cv-link a{text-decoration:none;color:#000;font-weight:700;margin:0}.cv-link a:hover{color:#535bf2;text-decoration:none}.cv-entry-field{margin:0 20px}.cv-entry-dates-fields{display:flex;flex-direction:column;justify-content:center;align-items:center}.cv-entry-dates{margin-bottom:10px}.cv-entry-field{margin-bottom:5px}.cv-preview .cv-entry{display:flex;justify-content:space-around}.cv-entry-details{width:100%;display:flex;justify-content:space-between;align-items:center}.education-1,.professional-1{display:flex;flex-direction:column;justify-content:center}.education-2,.professional-2{display:flex;flex-direction:column;justify-content:center;align-items:center}.degree,.description,.country,.company,.title{font-weight:700}@media (max-width: 768px){.cv-preview{margin-top:20px;padding:10px;border:1px solid #ddd}.general-info-container{margin:10px}.cv-section{padding:0 10px}}.courses-and-certificates{padding:20px}.courses-and-certificates form{display:flex;flex-direction:column;gap:10px}.courses-and-certificates label{display:flex;flex-direction:column;font-weight:700;margin-bottom:10px}.courses-and-certificates input{padding:8px;margin-top:5px;border:1px solid #e0e0e0;border-radius:4px;font-size:16px}.courses-and-certificates .buttons{display:flex;gap:10px;margin-top:10px}button{padding:10px 20px;border-radius:5px;background-color:#646cff;color:#fff;font-weight:700;cursor:pointer}.courses-and-certificates .error{color:red;font-size:14px;margin-top:5px}.course-list{margin-top:20px}.course-entry{display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:#000;background-color:#fff;padding:10px;border-radius:10px}.course-entry .entry-content{display:flex;flex-direction:column;gap:5px}.course-entry .entry-content p{margin:0}.course-entry .entry-buttons{display:flex;gap:5px}.course-entry .entry-buttons button{padding:10px 20px;border-radius:5px;background-color:#fff;color:#535bf2;font-weight:700;cursor:pointer}.course-entry .entry-buttons button:hover{background-color:#fff;border:2px solid #535bf2}.skills{padding:20px}.skills form{display:flex;flex-direction:column;gap:10px}.skills label{display:flex;flex-direction:column;font-weight:700;margin-bottom:10px}.skills input{padding:8px;margin-top:5px;border:1px solid #e0e0e0;border-radius:4px;font-size:16px}.skills .buttons{display:flex;gap:10px;margin-top:10px}button{padding:10px 20px;border:2px solid #535bf2;border-radius:5px;background-color:#646cff;color:#fff;font-weight:700;cursor:pointer}button:hover{background-color:#535bf2;border:2px solid black}.skills-list{margin-top:20px}.skill-entry{display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:#000;background-color:#fff;padding:10px;border-radius:10px}.skill-entry p{margin:0}.skill-entry .entry-buttons{display:flex;gap:5px}.skill-entry .entry-buttons button{padding:10px 20px;border-radius:5px;background-color:#fff;color:#535bf2;font-weight:700;cursor:pointer}.skill-entry .entry-buttons button:hover{background-color:#fff;border:2px solid #535bf2}.tabs{display:flex;flex-direction:column;gap:20px;padding:20px}.tabs li{text-align:center}.tab-titles{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px;list-style-type:none;background-color:#f9f9f9;border-radius:10px;margin:20px}.tab-titles li{cursor:pointer;padding:5px 10px;border-radius:5px;background-color:#f9f9f9;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.tab-titles li.active{background-color:#dcdcdc}.tabs input{border-radius:10px;padding:10px}.form-group{display:flex;flex-direction:column;gap:10px;margin:0 20px}@media (max-width: 1024px){.tabs{padding:10px}.tab-titles{gap:15px;padding:15px;margin:15px}.tab-titles li{padding:8px;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.form-group{gap:8px;margin:0 10px}}@media (max-width: 768px){.tabs{padding:0;margin:0;height:100vh}.tab-titles{font-size:.8em;margin:0;padding:10px;gap:10px;display:flex;flex-direction:column}.tab-titles li{width:100%}.tabs input{padding:8px}.form-group{gap:5px}}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;background-color:#f0eeeb;font-family:Roboto,sans-serif}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}.app{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;gap:20px;margin:0 50px}label{font-weight:600;margin-bottom:6px;display:flex;flex-direction:column}input{padding:8px;margin-bottom:12px;border:1px solid #e0e0e0;border-radius:4px}.tabs{width:100%;display:flex;flex-direction:column;gap:20px;padding:20px}.cv-preview{width:100%;margin:20px 0;border:none}.cv-section{margin:0;list-style-type:none}.buttons{display:flex;justify-content:center;gap:15px}.radio-group{display:flex;flex-wrap:wrap;margin:0 100px}@media (max-width: 1024px),(max-width: 768px),(max-width: 480px){.app{display:flex;flex-direction:column;margin:0 20px;gap:100px}.tabs,.cv-preview{width:100%}.cv-preview{margin-top:30px}.radio-group{margin:0;justify-content:center}label{font-weight:500;margin-bottom:4px}input{padding:6px;margin-bottom:8px}.tabs{padding:10px;gap:10px}.cv-preview{margin-top:20px}.buttons{gap:10px}button,.entr-buttons{padding:8px 16px}}
