*{margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}@font-face{font-family:montserrat;src:url(/fonts/Montserrat/Montserrat-VariableFont_wght.ttf)}:root{font-family:montserrat,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;background-color:#242424;--theme-color: dodgerblue;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;min-width:320px;min-height:100vh}details{background-color:#fff;border-radius:12px;color:#000;padding:1rem}summary{font-weight:700}summary:hover{cursor:pointer}h1{font-size:3.2em;line-height:1.1}ul{list-style-type:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding-top:0;font-size:inherit;border-radius:12px;background-color:#efefef;padding:.25rem .5rem;color:#000;font-size:12px}label{font-weight:700}button{--button-bg-color: #fff;--button-color: #000;--button-font-weight: 600;border:1px solid #efefef;border-radius:10px;padding:.5rem 2rem;font-size:1em;font-weight:var(--button-font-weight);font-family:inherit;background-color:var(--button-bg-color);color:var(--button-color);cursor:pointer;transition:filter .2s ease-in-out;will-change:filter}button:hover{filter:brightness(95%)}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:3rem}main{display:flex;flex-wrap:wrap;gap:5rem}.forms{display:flex;flex-direction:column;flex:1 1 250px;gap:1rem}form div{display:flex;flex-direction:column}nav{display:flex;justify-content:center;gap:1rem}.form-wrapper{display:flex;flex-direction:column;gap:1rem;background-color:#fff;color:#000;border-radius:10px;margin-bottom:1rem;padding:1rem}.form-wrapper h2:hover{cursor:pointer}.form-wrapper h2:after{position:absolute;content:"";top:22px;right:10px;width:20px;height:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAABYklEQVR4nO3cQWrcQBCG0T83tIMrXjinT8DEEPsCMzDZSBCCvXBGMNXd74E2WnSL+hBaCCkBAAAAAAAAAAAAAEbxkOR3kuckd7e+mAHdJ/mV5C3Jt2sX+7LFuGzHKcnjMde5hMdtZvv8XreZXuXlrwVF+f8Yl22WV/v6zsLulM/HOG2zPOw58u8G5yTfj9pgIvXBrJ6O3kiURjF2ojSKsROlUYydKI1i7ERJnxiipF+MlaNU1xgrRqnuMVaKUqPEWCFKjRZj5ig1aowZo9ToMWaKUrPEmCFKzRZj5Cg1a4wRo9TsMUaKUqvEGCFKrRajc5RaNUbHKLV6jE5RSow+UUqMPlFKjD5RSow+UUqMPlFKjD5RSow+UUqMPlFKjD5RSow+UUqMPlFKjD5RSow+UUqMXt/vnd4554vhG94pl9XfZ3SNchajT5SzGLd3l+Rnkh9+/QEAAAAAAAAAAAAA5CB/ANy8zt1cxdWqAAAAAElFTkSuQmCC);background-position:top;background-size:contain;transition:transform .2s ease-in}.form-wrapper h2.rotate:after{transform:rotate(180deg)}.form-wrapper>button{margin-top:auto;align-self:center}.form-btn{display:flex;justify-content:space-evenly;flex-direction:row;gap:1rem;flex-wrap:wrap}.delete-btn{background-color:red;color:#fff;border:none}.form-btn button[type=submit]{background-color:#1e90ff;border:none;color:#fff}.experiences{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem;align-items:center}.experiences li{font-weight:700;border-radius:12px;transition:filter .2s ease-in;background-color:var(--theme-color);color:#fff}.experiences li button{background-color:unset;border:none;color:#fff}.experiences li:hover{cursor:pointer;filter:brightness(90%)}.cv-preview{height:100vh;background-color:#fff;display:flex;flex-direction:column;gap:2rem;flex:1 1 700px}.cv-wrapper{background-color:#fff;color:#000;display:flex;flex-direction:column;gap:1rem}.cv-wrapper>div{display:flex;width:100%;justify-content:center;border-top:1px solid var(--theme-color);border-bottom:1px solid var(--theme-color)}.cv-wrapper>div>h2{color:var(--theme-color)}.personal,.education,.work{display:grid;align-items:center}.education,.work{grid-template-columns:1fr 1fr 1fr;column-gap:2rem;padding-left:5rem;padding-right:2rem}.period,.location{justify-self:start}.period{grid-area:period}.location{grid-area:location}.school,.company{font-weight:700}.degree,.position{font-size:smaller}.personal{background-color:var(--theme-color);row-gap:1rem;grid-template-columns:1fr 1fr 1fr;grid-template-rows:2fr 1fr;grid-template-areas:"name name name" "email tel address";color:#fff;align-self:stretch;justify-items:center;padding:2rem}.name{grid-area:name;font-size:2rem;font-weight:700}.email,.tel,.address{font-size:.8rem}.email{grid-area:email}.tel{grid-area:tel}.address{grid-area:address}.education{grid-template-rows:1fr 1fr;grid-template-areas:"period school school" "location degree degree"}.degree{grid-area:degree}.school{grid-area:school}.work{grid-template-areas:"period company ." "location position ." ". description description"}.work:last-child{padding-bottom:10rem}.company{grid-area:company}.position{grid-area:position}.description{grid-area:description}