@font-face{font-family:Carlito;src:url(/assets/Carlito-Regular-CIOplWD0.ttf)}@font-face{font-family:Carlito;src:url(/assets/Carlito-Italic-DPUvOJCl.ttf);font-style:italic}@font-face{font-family:Carlito;src:url(/assets/Carlito-Bold-CEbRJbFG.ttf);font-weight:700}@font-face{font-family:OpenSans;src:url(/assets/OpenSans-Regular-BYL697sd.ttf)}@font-face{font-family:OpenSans;src:url(/assets/OpenSans-Italic-qyXFvTRK.ttf);font-style:italic}@font-face{font-family:OpenSans;src:url(/assets/OpenSans-Bold-xlJa4yU9.ttf);font-weight:700}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}:root{--toffee-brown: #926644ff;--jungle-teal: #498467ff;--prussian-blue: #011638ff;--dark-raspberry: #89023eff}body{font-family:OpenSans,sans-serif}#root{display:flex;padding:2rem;height:100svh;gap:2rem}#root>*{flex:1}form{display:flex;flex-direction:column;gap:1rem;overflow-y:scroll}form>div{background-color:#f5f5f5;padding:1rem;display:flex;flex-direction:column;gap:4px}form>div input{padding:.5rem;border-radius:4px;border:1px solid black}form>div button{background-color:var(--jungle-teal);color:#fff;width:8rem;padding:8px;border-radius:8px;font-weight:700}#general{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.entry{border:2px solid var(--prussian-blue);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:4px}.entry button{background-color:var(--dark-raspberry);width:100%}textarea{resize:vertical}label{display:flex;flex-direction:column}#preview{background-image:url(/assets/topography-BKGNeF1k.svg);background-color:#f5f5f5;padding:1rem;display:flex;justify-content:center;max-width:50%}.previewCV{max-width:100%;aspect-ratio:1 / 1.4142;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 0 20px #0000004d;padding:2rem;font-family:Carlito,Times New Roman,Times,serif;display:flex;flex-direction:column;gap:1rem}.previewCV h2,.previewCV h3{color:var(--toffee-brown)}.previewCV h2{font-size:2.5rem}.header{display:flex;align-items:center;justify-content:space-between}#profession{font-size:1.2rem}.header>div:last-child{display:flex;flex-direction:column;align-items:end}.CVEntry{padding:8px 0}.CVEntry>div{display:flex;justify-content:space-between}.CVEntry>p{padding:8px}@media(max-width:1000px){#root{flex-direction:column;align-items:center;height:auto;padding:1rem}form,#preview{flex:none}form{width:100%;overflow-y:visible;height:100svh}#preview{max-width:none;width:100%;height:auto}.previewCV{height:auto;width:100%}}
