#root{padding:1rem 1rem 3rem;display:flex;flex-direction:column;gap:2.5rem;width:100%}.input-container{width:100%;display:flex;flex-direction:column;align-items:end;gap:.75rem}.add-education,.add-job{margin-top:1rem}.isCurrentLabel{flex-direction:row;align-items:center;gap:.5rem}.isCurrentLabel>input{height:1rem}section .input-container:not(:first-of-type){margin-top:1rem;border-top:3px dotted black;padding-top:2rem}.delete-btn{color:#d1242f}@media (hover: hover){.delete-btn:hover{color:#fff;background-color:#a40e26}}.personal-preview{display:flex;flex-direction:column;align-items:center;gap:.5rem}.name{text-align:center}.contact-info{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.education-preview{display:flex;justify-content:space-between;gap:1rem}.education-preview p{width:fit-content}.school-and-degree{display:flex;flex-direction:column;gap:.25rem}.school{font-weight:700;font-size:large}.degree{font-style:italic}.job-preview{display:flex;flex-direction:column;gap:.25rem}.position-and-start-end{display:flex;justify-content:space-between;gap:1rem}.position{font-weight:700;font-size:large}.company{font-style:italic}.responsibilities{margin-left:1rem;white-space:pre-wrap}.preview{display:flex;flex-direction:column;align-items:center;gap:1rem}.preview>div,.preview>h2{width:100%}.section-title{font-weight:400;border-bottom:1px solid black;padding-bottom:.25rem}@media print{@page{margin:.5rem;size:auto}body{margin:1cm}}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}form{display:flex;flex-direction:column;align-items:center;gap:3rem;width:100%}section{width:100%;display:flex;flex-direction:column;align-items:center}label{display:flex;flex-direction:column;gap:.5rem;width:100%}input{font-size:1rem;padding:.5rem;color:#000;-webkit-text-fill-color:black;background-color:#fff;border:1px solid black;border-radius:.375rem}input[type=date]{font-family:system-ui,Helvetica,Arial,sans-serif}input:disabled{border:1px solid rgb(208,208,208);color:#575757;-webkit-text-fill-color:rgb(87,87,87);background-color:#d0d0d0}textarea{font-family:system-ui,Helvetica,Arial,sans-serif;font-size:1rem;padding:.5rem;border:1px solid black;border-radius:.375rem;resize:vertical}.wrapper{display:flex;flex-direction:row;width:100%;max-width:1100px;margin-left:auto;margin-right:auto;align-items:flex-start}.form-container{width:100%;max-width:400px;min-width:400px}.cv-container{position:-webkit-sticky;position:sticky;top:40px;z-index:10;display:flex;flex-direction:column;align-items:center;margin-top:2rem;margin-left:3rem}.preview-container{flex-grow:1;min-width:700px;min-height:800px;height:auto;padding:2rem;box-shadow:#0000003d 0 3px 8px;overflow:auto}.load-clear-btns{display:flex;gap:1rem}.generate-cv{margin-top:1rem}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#ececec}}@media (prefers-color-scheme: dark){.preview-container{box-shadow:#fffdfd3d 0 3px 8px}}@media (max-width: 800px){.wrapper{display:flex;flex-direction:column;margin-left:0;margin-right:0;max-width:none}.form-container,.preview-container,.cv-container{width:100%;max-width:none;min-width:0;margin:0}.preview-container{margin-top:1rem}.app-title{display:flex;justify-content:center}}