@media print{body *:not(.printable,.printable *){display:none}}.action-bar{display:flex;height:10rem;background-color:#fff}.logo{width:10rem;height:10rem}.header{display:grid;grid-template-columns:1fr auto;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgb(240 240 240) 10%,rgba(255,255,255,1) 100%,rgba(255,255,255,0) 100%);position:relative}.name-job-age{display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding-left:2rem}h3{letter-spacing:.4rem}.picture-conatiner{position:absolute;top:2rem}.picture-container{position:relative;display:inline-block;height:150px;width:150px;color:#000;transform:translate(-20%,30%);transform:translate()}.picture-container img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.picture-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;transition:opacity .2s ease-out}.picture-container.overlay:before{opacity:1}.picture-container span{padding-left:2.2rem}.picture-container:hover{cursor:pointer}.icon-container img{height:1.8rem;padding-right:1rem;position:relative}.icon-container:hover{cursor:pointer}.icon-tile{width:2rem;height:2rem}.icon-selection-window{color:#fff;display:grid;width:18rem;height:6rem;left:-2rem;grid-template-columns:1.5rem 1fr 1.5rem;grid-template-rows:4rem 2rem;background-color:#42606e;grid-template-areas:"previous icons next" "previous icons next" ". upload .";z-index:2}.select-next-icons{grid-area:next}.select-previous-icons{grid-area:previous}.select-next-icons,.select-previous-icons{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;color:#fff;font-size:1.3rem;cursor:pointer}.selectable-icons-view{overflow:hidden;position:relative}.selectable-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(2rem,1fr));grid-template-rows:repeat(auto-fill,minmax(2rem,1fr));grid-auto-flow:column;gap:.1rem;padding:.1rem;grid-area:icons;align-items:start;position:absolute}.icon-column{display:flex;flex-direction:column}.upload-button-container{display:flex;justify-content:center;align-items:center}.upload-button-container:hover{cursor:pointer;transform:scale(1.1)}.upload-button-container:active{transform:scale(.95)}.upload-new-icon{color:#42606e;font-size:.9rem;font-weight:700;background-color:#fff;margin:.2rem;padding:.2rem;grid-area:upload;align-self:center;justify-self:center}.upload-new-icon-label{position:relative;display:inline-block}.upload-new-icon-label input{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.contact{position:relative;display:flex;flex-direction:column;gap:.5rem}.contact-item{display:grid;grid-template-columns:2rem 1fr 1rem;align-items:center}.icon-container{display:flex;align-items:center;justify-content:center}.contact-item img{height:1.5rem}.contact .add-section-button{position:absolute;top:-1.5rem}.work-experience-section,.education-section,.skill,.title.title-holder{position:relative}.add-section-button,.remove-section-button:hover{cursor:pointer}.add-section-button,.remove-section-button{visibility:hidden;height:1.5rem;width:1.5rem}.work-experience-section:hover .remove-section-button,.work-experience:hover .add-section-button,.education-section:hover .remove-section-button,.education:hover .add-section-button,.skills:hover .add-section-button,.skill:hover .remove-section-button,.contact:hover .add-section-button,.contact-item:hover .remove-section-button,.languages:hover .add-section-button,.language-item:hover .remove-section-button{visibility:visible}button{border:none}.add-section-button{background-color:#4caf50;color:#fff}.remove-section-button{background-color:#f44336;color:#fff}button:hover{transform:scale(1.1)}button:active{transform:scale(.95)}.button-container{width:1.5rem;display:flex;justify-content:center;align-items:center}.section-header{display:flex;justify-content:space-between}.profile{display:flex;flex-direction:column;justify-content:space-between}.skills{display:grid;gap:1rem;align-items:start}.skill{display:grid;grid-template-columns:2.5rem 1fr 1rem}.languages{display:grid;gap:.5rem;align-items:start}.language-item{display:grid;grid-template-columns:1fr 1.5rem;align-items:center}.language-section-header{display:grid;grid-template-columns:1fr 1fr}.sections-wrapper{margin-top:1rem;display:grid;gap:1rem}.work-experience-section p{margin:0}.education{display:grid;align-items:start}.cv{display:grid;width:210mm;height:297mm;padding:20mm;background-color:#fff;grid-template-columns:1fr 4fr;grid-template-rows:min-content min-content min-content min-content;column-gap:4rem;row-gap:3rem;grid-template-areas:"header header" "contact profile" "skills work-experience" "languages education" ". ."}.header{grid-area:header}.contact{grid-area:contact}.profile{grid-area:profile}.skils{grid-area:skills}.work-experience{grid-area:work-experience}.education{grid-area:education}.languages{grid-area:languages}html{font-size:12px}body{background-color:gray}.site-wrapper{display:grid;gap:6rem;align-items:center;justify-items:center;max-width:220mm;padding-left:4rem}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}h1{font-size:2.618rem;font-weight:700;letter-spacing:.8rem}h2{font-size:1.55rem;font-weight:700;letter-spacing:.8rem}h3{font-size:1.3125rem;font-weight:700;letter-spacing:.4rem}.title-holder{display:flex;align-items:center}h4{font-size:1.1rem;font-weight:500}h5{font-size:1rem;opacity:.8;font-weight:300}h6{font-size:1rem;opacity:.9;font-weight:500;margin-bottom:.5rem}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#242424;background-color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a:hover{color:#747bff}