*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-family:Inter,sans-serif;font-size:62.5%}.main-container{display:flex;flex-direction:column}.nav-bar-container{display:flex;justify-content:center;border-bottom:1px solid #dddfe2;margin-bottom:40px}.nav-bar-content{flex-grow:1;display:flex;justify-content:space-between;align-items:center;height:64px;font-size:1.6rem;padding:0 3rem;width:100%;max-width:800px}.nav-bar-items{list-style:none;display:flex;gap:3.2rem;color:#1c1e35}.logo{cursor:default;color:#0866ff}.nav-bar-btn:hover{cursor:pointer;color:#0866ff}.CV{aspect-ratio:.707;width:clamp(360px,90vw,600px);border:3px solid #dddfe2;align-self:center;padding:3.2rem;display:flex;flex-direction:column;gap:1.6rem;margin-bottom:48px}.cv-sections{display:flex;flex-direction:column}.cv-section{border-bottom:1px solid #dddfe2;padding-bottom:.8rem;margin-bottom:.8rem}.section-block{display:flex;flex-direction:column;gap:.2rem;margin-bottom:1.6rem}.section-organization{display:flex;justify-content:space-between;align-items:center;padding-left:.8rem}.section-achivements{padding-left:2.4rem}.section-skills{list-style-type:none;display:flex;flex-wrap:wrap;gap:.8rem;font-size:1.3rem}.profile{display:flex;flex-direction:column;gap:1.6rem}.name-title{display:flex;flex-direction:column}.name{font-size:3.2rem;font-weight:700}.job-title{font-size:1.6rem}.about-me{font-size:1.2rem}.contact-info{display:flex;flex-wrap:wrap;gap:.8rem;font-size:1rem;border-bottom:solid 1px #dddfe2;padding:.8rem;justify-content:center}.contact-item{display:flex;gap:.8rem;align-items:center}.edit{display:flex;flex-direction:column;align-items:center;align-self:center;gap:24px}.sections{display:flex;gap:24px}.not-selected:hover{cursor:pointer;color:#0866ff}.selected{border-bottom:1px black solid}button{background:none;border:none}.entry button:hover{cursor:pointer;background-color:#0866ff33;border-radius:3px}.entry-container{display:flex;flex-direction:column;gap:16px;width:300px}.entry-add{display:flex;justify-content:space-between;align-items:center;width:100%;background-color:#42b72a1a;border:1px solid #42b72a;padding:8px 16px;border-radius:8px;font-size:1.4rem;font-weight:700}.entry-add:hover{background-color:#42b72a33;cursor:pointer}.entry{display:flex;flex-direction:column;background-color:#0866ff1a;border:1px solid #0866ff;padding:16px;gap:8px;border-radius:8px}.entry-title{display:flex;justify-content:space-between;align-items:center;font-size:1.4rem;font-weight:700}.entry-shown{display:flex;flex-direction:column;gap:8px}.entry-hidden{display:none}.achievement-title{display:flex;align-items:center;gap:8px;margin-bottom:8px}.achievement-entry{display:flex;gap:8px;margin-bottom:8px}.achievement-delete{align-self:flex-end;margin-bottom:2px}label{display:flex;flex-direction:column;gap:8px;font-size:1.4rem;font-weight:700}input,textarea{border:1px solid #dddfe2;width:100%;height:32px;padding:8px;border-radius:8px;max-width:300px;min-width:240px}textarea{height:auto;max-width:300px;field-sizing:content}input:focus,textarea:focus{border:2px solid #0866ff;outline:none}.skills-edit{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem}.skills-edit p{font-size:1.2rem}
