*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}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}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;color:var(--color-text);--color-1: #1e3a76;--color-2: #2b6bb1;--color-3: #4da3d1;--color-4: #7ac5e6;--color-5: #9ed5e5;--color-white: #ffffff;--color-lightest-gray: #fdfefe;--color-lighter-gray: #fafbfc;--color-light-gray: #f5f7fa;--color-gray: #dce3ec;--color-dark-gray: #7a8ca4;--color-darker-gray: #4a5568;--color-black: #1a1a1a;--color-accent-1: #fbb13c;--color-accent-2: #f45d48;--filter-color-accent-2: invert(50%) sepia(62%) saturate(3665%) hue-rotate(335deg) brightness(102%) contrast(91%);--color-accent-3: #3cb878;--color-success: #4caf50;--color-warning: #ff9800;--color-error: #f44336;--color-info: #2196f3;--color-1-dark: #152b56;--color-2-dark: #225690;--color-3-light: #69b4db;--color-4-light: #a7d9ee;--color-disabled: #bfcbd6;--color-text: #333333}body{background:var(--color-light-gray)}textarea{resize:none}button{cursor:pointer;transition:transform 50ms linear}button:active{transform:scale(.99)}button:hover{transform:scale(1.01)}button.chevron{transform:rotate(0);transition:transform .1s linear;background:none;border:none;cursor:pointer}button.chevron img{height:2rem;fill:var(--color-text)}button.chevron.hide{transform:rotate(-90deg)}.eraseBtn{background:var(--color-2);color:var(--color-lighter-gray);padding:1rem;border-radius:24px;font-weight:600;font-size:1.5rem;cursor:pointer;border:none;transition:transform 50ms linear}.eraseBtn:active{transform:scale(.99)}form{display:flex;flex-direction:column;gap:1rem}.form{display:flex;flex-direction:column;gap:2rem;padding:.5rem}.form>*{min-height:4rem}.formSection{background-color:var(--color-lightest-gray);padding:1rem 2rem;border-radius:24px;border:2px solid var(--color-2)}.formSection h2{display:flex;justify-content:space-between}.inputField{width:100%;display:flex;flex-direction:column;padding:1rem 2rem}h2{font-size:1.5rem;color:var(--color-1);font-weight:900}label{font-weight:600}label>span{color:var(--color-2);filter:saturate(.5);font-weight:400}#personalForm,#educationForm,#workForm{transition:transform .3s ease-out;transform-origin:top}.hidden{transform:scaleY(0);display:none}input,textarea{background-color:var(--color-lightest-gray);border:1px solid var(--color-black);border-radius:5px;outline:none}input:focus,textarea:focus{background:var(--color-light-gray)}.addBtn{background-color:var(--color-2);color:var(--color-lightest-gray);border:none;border-radius:12px;padding:.5rem 1rem;width:100%;cursor:pointer;margin-top:1rem;transition:transform 50ms linear}form{position:relative}.removeBtn{position:absolute;top:0;right:0;background:none;border:none}.removeBtn img{filter:var(--filter-color-accent-2)}#root{display:flex;flex-direction:column;justify-content:center;align-items:center}.app{display:grid;grid-template-columns:1fr 2fr;height:100vh}@media screen and (max-width: 600px){.app{width:100vw;display:flex;flex-direction:column}}.preview{margin:1rem;background:var(--color-white);border:2px solid var(--color-2);border-radius:6px;aspect-ratio:1/1.414;max-width:210mm;min-height:297mm;position:relative}.downloadBtn{position:absolute;top:.5rem;right:.5rem;border:2px solid var(--color-black);width:3rem;height:3rem;cursor:pointer;background:#0000001a;padding:.25rem;display:flex;align-items:center;justify-content:center;opacity:.25;transition:opacity .1s linear;border-radius:5px;color:#fff}.downloadBtn img{height:2rem}.downloadBtn:hover{opacity:.8;transform:scale(1.1)}.preview>div{padding:2rem 3rem}.heading h2{text-transform:uppercase;color:var(--color-black)}.heading h1{border-bottom:2px solid black;font-size:3rem}.heading .contact{display:flex;justify-content:space-between}.heading .links{display:flex;justify-content:space-around}.summary{border-top:1px solid var(--color-darker-gray);border-bottom:1px solid var(--color-darker-gray);padding:1rem 2rem;margin-bottom:1rem}.previewContent>.education h2,.previewContent>.workplaces h2{color:var(--color-black)}.previewContent>.education ul,.previewContent>.workplaces ul{padding-left:1rem}.previewContent>.education ul li,.previewContent>.workplaces ul li{border-bottom:1px solid black;padding:.5rem 0rem;position:relative}.previewContent>.education ul li:last-of-type,.previewContent>.workplaces ul li:last-of-type{border-bottom:none}.previewContent>.education ul li .fieldDegree,.previewContent>.workplaces ul li .fieldDegree{display:flex;justify-content:space-between}.previewContent>.education ul li .fromTo,.previewContent>.workplaces ul li .fromTo{position:absolute;top:0;right:0;display:flex;gap:1rem}.skills>div>ul{display:grid;grid-template-columns:repeat(3,1fr)}header{background:var(--color-1);color:var(--color-lighter-gray);width:100vw}header .logo-name{display:flex;align-items:center}header img{height:4rem}