:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#000000de;background-color:#ddd;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1680px;margin:0 auto;padding:2.5rem;text-align:center}.hidden{display:none}.App{display:flex;justify-content:center;gap:20px}.edit-section{width:30%;display:flex;justify-content:center;flex-grow:1;gap:20px}.edit-section-content{flex-grow:1;max-width:500px;display:flex;flex-direction:column;gap:20px}.personalInfo{background-color:#fff;display:flex;flex-direction:column;text-align:left;border:1px solid white;border-radius:10px;padding:25px;gap:10px}.inputDiv{display:flex;flex-direction:column;gap:2px}.inputDiv label{font-size:1em;font-weight:600;align-self:flex-start}.inputDiv input{padding:.5em;font-size:1em;font-weight:500;font-family:inherit;background-color:#ddd;border-radius:10px;border:none;width:100%}.personalInfo button{align-self:end;width:100px;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#77a5e9;cursor:pointer;transition:border-color .25s}.personalInfo button:hover{border-color:#646cff;filter:brightness(1.1)}.personalInfo button:active{transform:scale(.95)}.educationPanel{background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;text-align:left;border:1px solid white;border-radius:10px;padding:25px;gap:10px}.educationPanel.expanded>:last-child{align-self:center}.addItemBtn{border:1px solid black;border-radius:10px;height:35px;width:200px;font-size:1em}.addItemBtn:hover{filter:brightness(1.1)}.addItemBtn:active{transform:scale(.95)}.panelHeader{display:flex;justify-content:space-between;align-items:center}.panelItem{border-radius:10px;background-color:#ddd;padding:10px;border:1px solid #ccc;margin:5px;cursor:pointer;display:flex;justify-content:space-between}.material-symbols-outlined{transition:transform .3s ease}.panelItem:hover{background-color:#e0e0e0}.expanded>.panelHeader>.material-symbols-outlined{transform:rotate(180deg)}.editItem{border-radius:10px;background-color:#f1f1f1;padding:10px;border:1px solid #ccc;margin:5px;display:flex;flex-direction:column;gap:15px}.dateDiv{display:flex;gap:50px}.buttons{display:flex;gap:10px}.buttons :last-child{margin-left:auto}.buttons button:hover{border-color:#646cff;filter:brightness(1.1)}.buttons button:active{transform:scale(.95)}.saveBtn{width:90px;border-radius:8px;border:1px solid transparent;padding:5px;font-size:1em;font-weight:500;font-family:inherit;background-color:#77a5e9;cursor:pointer;transition:border-color .25s}.cancelBtn{width:90px;border-radius:8px;border:1px solid transparent;padding:5px;font-size:1em;font-weight:500;font-family:inherit;background-color:#999;cursor:pointer;transition:border-color .25s}.deleteBtn{width:90px;border-radius:8px;border:1px solid transparent;padding:5px;font-size:1em;font-weight:500;font-family:inherit;background-color:#f44336;cursor:pointer;transition:border-color .25s}.inputDiv textarea{padding:.5em;font-size:1em;font-weight:500;font-family:inherit;background-color:#ddd;border-radius:10px;border:none;width:100%;resize:vertical}.preview-section{background-color:#fff;color:#000;flex-grow:1;min-height:1000px;min-width:750px;max-width:55%}.educationView,.experienceView{display:flex;flex-direction:column;padding:20px}.sectionTitle{font-size:18px;font-weight:700;background-color:#ccc;padding:5px}.educationItem,.experienceItem{padding:10px;display:flex;gap:10px}.educationDate,.experienceDate{border-right:1px solid black;padding-right:10px}.schoolName,.companyName{font-weight:700}.educationDetails,.experienceDetails{display:flex;flex-direction:column;align-items:start}.personalInfoView{display:flex;flex-direction:column;gap:20px;padding:30px;background-color:#00394b;color:#fff}.extraDetails{display:flex;justify-content:center;gap:25px}.infoItem{display:flex;align-items:center;gap:5px}