@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.cv-preview{width:210mm;min-height:297mm;margin:20px auto;padding:0;background-color:#fff;box-shadow:0 0 10px #0000001a;font-family:Poppins,sans-serif;display:flex;position:relative;left:0;align-items:stretch}.cv-preview>header{flex:1;background-color:#027030;color:#fff;padding:2rem;text-align:left;display:flex;flex-direction:column;gap:1.5rem}.profile-img{border-radius:50%;width:120px;height:120px;margin:0 auto 1rem;border:2px solid white;position:relative;left:20%}header h1{font-size:1.4rem;font-weight:700;text-align:center;text-transform:uppercase;margin-bottom:.5rem}.position{font-size:1rem;text-align:center;text-transform:uppercase}.contact-info{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem}.cv-preview>section{flex:2;padding:1.5rem;max-width:600px;margin:0 auto}.section-title{font-size:1.2rem;font-weight:700;color:#065f46;margin-bottom:1rem;text-transform:uppercase}.education-item,.experience-item{margin-bottom:1rem}.education-item h3,.experience-item h3{font-size:.85rem;font-weight:700;color:#096821;margin-bottom:.2rem;display:flex;justify-content:space-between}.education-item span,.experience-item span{color:#065f46;font-weight:600;font-size:.8rem}@media (max-width: 768px){.cv-preview{width:100vw;flex-direction:row;min-height:auto;margin:10px;box-shadow:none}.section-title-left{font-size:1rem}.cv-preview>header{background-color:#027030;color:#fff;text-align:left;display:flex;flex-direction:column;width:250%}p{font-size:.7rem}.contact-info{display:flex;flex-direction:column;font-size:.5rem;margin-top:0}.position,.contact-info p{margin-bottom:0}.cv-preview>section{padding:1rem;max-width:100%}.main-content{display:flex;flex-direction:column;background-color:#fff;width:100%}.profile-img{width:100px;height:100px}header h1{font-size:1.2rem}.position,.contact-info{font-size:.85rem}.education-item h3,.experience-item h3,.education-item span,.experience-item span{font-size:.6rem}.education-item p,.experience-item p{font-size:.6rem;margin:0}}@media print{@page{size:A4;margin:0}body{margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.cv-preview{width:210mm;min-height:297mm;box-shadow:none;position:relative;padding:10mm}*{color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.education-header{display:flex;flex-direction:row;justify-content:space-between;background-color:#000b58;align-items:center;margin:.5rem;border-radius:1rem;color:#fff;font-size:.8rem;padding:.1rem 1rem}.form-buttons>.button{background-color:#000b58;color:#fff}.education-header:hover{background-color:#afafaf;cursor:pointer}.experience-header{display:flex;flex-direction:row;justify-content:space-between;background-color:#000b58;align-items:center;margin:.5rem;border-radius:1rem;color:#fff;font-size:.8rem;padding:.1rem 1rem}.group{display:flex;justify-content:space-between;align-items:center;background-color:#e7e7e7;padding:.2rem;margin-top:1rem;border-left:6px solid #000B58}.group h3{color:#000}.general-info{margin:20px 0}.general-info h2{text-align:center}.general-info .display{text-align:left}.general-info input,.general-info textarea{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:4px}.general-info button{margin-top:10px;background-color:#000b58;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.general-info button:hover{background-color:#218838}.display{display:flex;flex-direction:row;justify-content:space-between;background-color:#000b58;align-items:center;margin:.5rem;border-radius:1rem;color:#fff;font-size:.8rem;padding:.1rem 1rem}.display:hover{background-color:#afafaf;cursor:pointer}.languages-header{display:flex;flex-direction:row;justify-content:space-between;background-color:#000b58;align-items:center;margin:.5rem;border-radius:1rem;color:#fff;font-size:.8rem;padding:.1rem 1rem}.level-buttons{display:flex;gap:8px;margin:10px 0}.languages-header:hover{background-color:#afafaf;cursor:pointer}.skill-item-left{display:flex;background-color:#e0e0e0;justify-content:space-between;padding:.3rem;margin-top:.3rem;border-radius:10px}.skills-header{display:flex;flex-direction:row;justify-content:space-between;background-color:#000b58;align-items:center;margin:.5rem;border-radius:1rem;color:#fff;font-size:.8rem;padding:.1rem 1rem}.skills-header:hover{background-color:#afafaf;cursor:pointer}.level-buttons button{width:40px;height:40px;border:none;border-radius:5px;background-color:#ddd;font-size:16px;cursor:pointer;transition:.3s}.level-buttons button:hover{background-color:#ccc}.level-buttons button.selected{background-color:#007bff;color:#fff;font-weight:700}.label{display:flex;justify-content:space-between}.skill-item-left{display:flex;background-color:#e0e0e0;justify-content:space-between;border-left:6px solid #000B58}button.delete-btn-m{background-color:transparent;padding:0}:root{--primary-color: #007bff;--secondary-color: #6c757d;--hover-color: #0056b3;--background-color: #f0f2f5;--form-background: #ffffff}body{font-family:Arial,sans-serif;margin:0;padding:20px;background-color:var(--background-color);min-height:100vh}.App{display:grid;grid-template-columns:1fr 2fr;gap:40px;max-width:1200px;margin:0 auto;align-items:start}h1{grid-column:1 / -1;text-align:center;color:#2c3e50;margin-bottom:30px;font-size:2.5em}.forms-container{background-color:var(--form-background);border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:25px;position:absolute;top:20px;left:2px;width:23%}.cv-review{position:relative;left:50%}.form-section{margin-bottom:30px;padding:15px;background-color:#2f4861;border-radius:8px}.form-section h2{margin-top:0;color:#34495e;font-size:1.3em;margin-bottom:15px}input{width:100%;padding:12px;margin:8px 0;border:1px solid #ced4da;border-radius:6px;font-size:14px;transition:border-color .3s ease}input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff40}button{padding:12px 20px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:500}.actions{display:flex}.primary-btn{background-color:var(--primary-color);color:#fff}.primary-btn:hover{background-color:var(--hover-color);transform:translateY(-1px)}.secondary-btn{background-color:var(--secondary-color);color:#fff}.secondary-btn:hover{background-color:#5a6268}.form-buttons{display:flex;gap:10px;margin-top:15px}.actions{grid-column:1 / -1;text-align:center;margin-top:30px;display:flex;gap:20px;justify-content:center}.actions button{padding:15px 30px;font-size:1.1em}@media (max-width: 768px){.App{grid-template-columns:1fr;gap:20px;max-width:100%;padding:10px}.forms-container{width:100%;position:static;margin-bottom:20px;padding:20px}.cv-review{position:static;margin-top:20px;width:40px;height:60px}input{font-size:16px}.actions{flex-direction:column;gap:10px}button{width:100%;font-size:1em}}body{padding:0;margin:0;font-family:Poppins,sans-serif}.landing{background-image:linear-gradient(#000000b3,#000000e6),url(https://i.pinimg.com/736x/c9/af/43/c9af431cdb9322e4ff4a43af70db96ae.jpg);background-position:center;background-size:cover;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem}.header-menu{display:flex;justify-content:space-around;align-items:center;gap:2rem;flex-wrap:wrap;padding:1rem;width:100%}.landing .row{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;width:100%}.landing ul{display:flex;flex-wrap:wrap;padding:0}.landing ul li{list-style:none;font-size:1.2rem;margin:0 10px}h1{font-size:3rem;color:#fff;text-align:center}a{text-decoration:none;color:#fff;font-size:1.2rem}.started{background-color:#4caf50;color:#fff;padding:1rem 2rem;border:none;border-radius:10px;position:relative;top:2rem;cursor:pointer;font-size:1.2rem;transition:.3s ease-in-out}.started:hover{background-color:#45a049}.svg{font-size:2rem;fill:#4caf50;margin-left:.5rem}.landing-text{font-size:2rem;color:#fff;text-align:center;max-width:90%;margin-top:1rem}@media (max-width: 1024px){h1{font-size:2.5rem}.landing-text{font-size:1.8rem;max-width:80%}.started{font-size:1rem;padding:.8rem 1.5rem}}@media (max-width: 768px){h1{font-size:2rem}.landing-text{font-size:1.5rem;max-width:90%}.header-menu{flex-direction:column;gap:1rem}.landing ul{justify-content:center}.landing ul li{font-size:1rem;margin:5px}.started{font-size:1rem;padding:.7rem 1.2rem;top:1rem}}@media (max-width: 480px){h1{font-size:1.8rem}.landing-text{font-size:1.2rem}.header-menu{flex-direction:column;text-align:center}.landing ul{flex-direction:column;gap:5px}.started{font-size:.9rem;padding:.6rem 1rem}}