.sideBar{justify-content:center;grid-column:1/2;margin:5vh 0vh}.hidden{display:none}.curriculumList{padding-left:0}.curriculumList li{position:relative;display:flex;flex-direction:column;min-width:100px;width:100%;max-width:500px;height:clamp(100px,20vh,100px);margin:.5vh 0vh 2.5vh 3.5vh;padding-top:2.8vh;padding-left:18px;list-style-type:none;background-color:var(--color-yellow);font-size:1.5rem;font-weight:800;border-radius:8px;border:3px solid black;box-shadow:.4rem .4rem #000}#open.personalLi{height:clamp(380px,40vh,370px)}#open.educationalLi{height:clamp(570px,56vh,505px)}#open.practicalLi{height:clamp(590px,50vh,435px)}.arrowDown{position:absolute;left:88%}.arrowDown:hover{cursor:pointer;filter:brightness(3);transition:filter .15s ease}.personFormElement section{height:100%;width:100%}fieldset{border:none;padding-left:0}label{min-width:110px}input{border-radius:5px;border:2px solid rgb(79,79,79);font-size:1.1rem}textarea{border-radius:5px;border:2px solid rgb(79,79,79);font-size:1.1rem;height:120px}.inputContainer{display:flex;flex-direction:column;font-size:1.2rem;padding:.3vh 0}.buttons{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding-right:18px;margin-top:8px}.saveBtn{display:flex;height:40px;width:80px;justify-self:end;align-self:baseline;place-content:center;flex-wrap:wrap;font-size:1.05rem;background-color:#fff;border:2px solid black}.saveBtn:hover,.editBtn:hover{background-color:#000;color:#fff;border:2px solid white}.editBtn{display:flex;color:#000;height:40px;width:80px;justify-self:start;align-self:baseline;place-content:center;flex-wrap:wrap;font-size:1.05rem;border:2px solid black;background-color:#fff}.btnDisabled{background-color:#d5d3d3;opacity:.5;cursor:not-allowed}.btnDisabled:hover{background-color:#d3d1d1;cursor:not-allowed}@media (max-width: 1155px){.sideBar{width:100%;height:auto;margin:2vh 3vw 3vh 3vw}.curriculumList li{min-width:90%;list-style-type:none;background-color:var(--color-yellow);padding:clamp(2vh,2.5vh,3vh);margin:0vh 0vw 2.2vh 4vw}.arrowDown{position:absolute;left:91%}fieldset{border:none;padding-left:0}label{min-width:110px}input{border-radius:5px;border:2px solid rgb(79,79,79);font-size:1.1rem}.inputContainer{display:flex;flex-direction:column;font-size:1.25rem;padding:.15vh 0}}@media (max-width: 540px){.curriculumList li{margin:.5vh 0vh 2.5vh}}.CVArea{grid-column:2/3;margin:5vh 2vw 5vh 0vh;background-color:#fff;width:734px;height:1063px;box-shadow:0 0 25px #0000002e;display:grid;grid-template-columns:1fr;grid-template-rows:.4fr .1fr 1fr}.personalOutput{position:relative;display:grid;grid-row:1/2;grid-template-columns:1fr 1fr;grid-template-rows:1fr .6fr .9fr;align-items:center;margin:2rem 3rem;border-bottom:6px solid rgb(199,198,198)}.educationOutput,.practicalOutput{display:grid;grid-row:2/3}.educationalOutputSection,.practicalOutputSection{display:grid;grid-template-columns:1fr 3fr;grid-template-rows:1fr}.educationalOutputSection h1,.practicalOutputSection h1{font-size:1.4rem;font-weight:500;margin:2rem 3rem 3rem;color:#959393}.educationalOutputSection ul,.practicalOutputSection ul{margin-right:3rem;margin-top:2rem}li{padding:5px}li:hover{background-color:var(--color-yellow);border-radius:6px;cursor:pointer}.educationListEle,.practicalListEle{margin-bottom:1rem}.degreeSchool,.jobTitle{display:flex;flex-wrap:wrap;font-size:.9rem;font-weight:800}.location,.activities{display:flex;flex-wrap:wrap;gap:2px;font-size:.9rem;font-weight:200;margin-top:.1rem}.fromUntil{display:flex;flex-wrap:wrap;gap:1px;font-size:.75rem;font-weight:700;margin-top:.1rem}.deleteIcon{position:absolute;right:-25px;top:-10px}.deleteIcon:hover{cursor:pointer;filter:brightness(3);transition:filter .15s ease}.fullName{grid-row:1/2;grid-column:1/3;justify-self:center;font-size:2.7rem;font-weight:400}.telephonIcon{position:absolute;top:0;left:-30px}.birthDate{grid-row:2/3;grid-column:1/3;justify-self:center;font-size:1.3rem;font-weight:200}.mailNum{position:relative;grid-row:3/4;grid-column:1/2;justify-self:center;font-size:1rem;font-weight:600;margin-left:45px}.telNum{grid-row:3/4;grid-column:2/3;justify-self:center;font-size:1rem;font-weight:600;margin-left:35px;position:relative}.phoneIcon{position:absolute;top:0;left:-30px}@media (max-width: 1155px){.CVArea{display:flex;margin:2vh auto;background-color:#fff;align-self:center;height:1063px;box-shadow:0 0 25px #0000002e;max-width:734px;display:grid;grid-template-columns:1fr;grid-template-rows:.4fr .1fr 1fr;height:100%}}@media (max-width: 730px){.CVArea{width:100%;height:100%}}@media (max-width: 540px){.CVArea{width:100%;height:100%}}*,*: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:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-light: white;--color-dark: #212121;--color-yellow: #fab700;--size-radius: 4px;background-color:#f5f5f5}#root{display:grid;grid-template-columns:2fr 3fr;column-gap:8vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh;width:100%;height:100%;background-color:#f5f5f5;display:flex;justify-content:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 1155px){#root{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}}