*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif;font-size:16px}body{background-color:#e3e3e3}#root{justify-content:center;gap:48px;min-height:100vh;padding:24px;display:flex}h1{text-align:center;font-size:2.2em}h2{text-align:center;font-size:1.8em}h3{text-align:center;background-color:#18a38020;padding:8px;font-size:1.3em}.cv-editor{flex-direction:column;gap:16px;display:flex}.cv-editor>*{border-radius:16px;width:400px;padding:24px}.cv-editor>*,.cv-preview{background-color:#fff;box-shadow:0 4px 8px #0003}.cv-preview{flex-direction:column;gap:16px;width:800px;height:1131px;display:flex}form{flex-direction:column;gap:16px;padding-top:16px;display:flex}label{flex-direction:column;gap:4px;display:flex}input[type=text],textarea{border:1px solid #ccc;border-radius:4px;width:100%;padding:8px}input textarea{resize:vertical}.center{justify-content:center;display:flex}.row{flex-direction:row;gap:32px;display:flex}.bold{font-weight:700}.general-info,.educational-exp,.practical-exp{flex-direction:column;gap:16px;padding:24px 48px;display:flex}.general-info{color:#fff;background-color:#1d3c34;padding:48px 24px}.contact-infos{justify-content:center}.contact-info{flex-direction:row;align-items:center;gap:8px;display:flex}.education>*,.work>*{flex-direction:column;gap:8px;display:flex}.date-input{grid-template-columns:1fr 1fr;gap:8px;display:grid}.left-column{width:150px}svg{fill:#fff;width:24px;height:24px}