@font-face{font-family:Poppins;src:url(/front-end-entrance-exam/assets/Poppins-Medium-Cxde2ZoM.ttf)}:root{font-family:Poppins,sans-serif;line-height:1.5;font-weight:500;--background-color: #FFFFFF;--section-color: rgba(240, 240, 240, 1);--active-color: rgba(40, 217, 121, 1);--basic-size: 16rem;--basic-gap: 2rem;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body{min-height:100vh;background-color:var(--background-color)}.section-wrapper{background-color:var(--section-color);border-radius:1rem;display:inline-block}#app{display:flex;padding:2rem;gap:var(--basic-gap);align-items:center;justify-content:center;flex-wrap:wrap}.header{display:flex;align-items:center;justify-content:center;gap:var(--basic-gap);flex-wrap:wrap}.avatar{display:flex;width:var(--basic-size)}.greeting{width:var(--basic-size);height:var(--basic-size);padding:1.6rem 1rem 1.6rem 1.6rem;display:flex;flex-direction:column;justify-content:space-between;font-size:1.2rem}.p-name{font-size:2rem;font-weight:600}.p-role{font-size:1.5rem;color:#5c5c5c}.h2-title{font-size:2rem}.languages{display:flex;flex-direction:column;width:calc(var(--basic-size) * 2 + var(--basic-gap));height:var(--basic-size);padding:1.6rem;justify-content:space-between}.language-list{display:flex;flex-direction:column;gap:.5rem;font-size:1.2rem}.language-row{display:flex;align-items:center;border-radius:.25rem;gap:1rem}.language-name{cursor:pointer;min-width:8rem;width:10rem}.progress-bar-wrapper{flex:1;height:1rem;background-color:#e0e0e0;border-radius:.25rem;overflow:hidden;min-width:6rem}.progress-bar{background-color:var(--active-color);height:1rem;width:100%;border-radius:.25rem}.experience{display:flex;flex-direction:column;width:calc(var(--basic-size) * 3 + var(--basic-gap) * 2);padding:1.6rem;gap:1rem}.experience-list{display:flex;flex-direction:column;gap:1rem}.experience-item{background:#fff;border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:1rem}.experience-item.active{background-color:var(--active-color);color:#fff;transition:all .3s ease}.experience-item.active .experience-badge{color:#ddf163}.experience-top-row{display:flex;justify-content:space-between;align-items:center;font-size:1rem}.experience-badge{background-color:#7e731266;color:#fff;padding:.25rem .5rem;border-radius:1rem}.experience-bottom-row{display:flex;gap:2rem;justify-content:space-between}.experience-title{font-weight:500;font-size:1.2rem}.experience-type{font-weight:400;opacity:.7;font-size:1rem}.experience-info-list{max-width:60%}.tools{display:flex;flex-direction:column;width:var(--basic-size);padding:1.6rem;gap:2rem}.tools-list{position:relative;display:flex;flex-direction:column;justify-content:space-evenly;gap:3rem}.tools-item{background-color:var(--background-color);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem;align-items:center}.tools-label{background-color:#000;color:#fff;font-size:.8rem;margin-top:-1.6rem;padding:.2rem .8rem;border-radius:1rem;text-transform:lowercase}.tools-icon-list{display:grid;grid-template-columns:repeat(2,1fr);flex-wrap:wrap;gap:2rem 1rem}.education{display:flex;flex-direction:column;width:calc(var(--basic-size) * 2 + var(--basic-gap));padding:1.6rem;gap:1rem}.education-list{display:flex;gap:2rem;flex-wrap:wrap;justify-content:space-between}.education-item{background:#fff;border-radius:1rem;width:calc(var(--basic-size) - var(--basic-gap));padding:1rem;display:flex;flex-direction:column;gap:1rem;justify-content:space-between}.education-item.active{background-color:var(--active-color);color:#fff;transition:all .3s ease}.education-item.active .education-tags{color:#fff}.education-top-row{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem}.education-badge{width:1.2rem;height:1.2rem}.education-title{font-weight:500;font-size:1.2rem}.education-tags{font-weight:400;opacity:.7;font-size:1rem;color:var(--active-color)}.experience-info{font-size:1rem}.interests{display:flex;flex-direction:column;justify-content:space-between;width:calc(var(--basic-size) * 2 + var(--basic-gap));padding:1.6rem;gap:2rem}.interests-list{list-style:none;display:flex;gap:1rem;flex-wrap:wrap}.interests-item{background-color:#fff;border-radius:1rem;padding:.5rem;display:flex;justify-content:center;align-items:center}.contact{background-color:#000;border-radius:1rem;display:inline-block;flex-direction:column;justify-content:space-between;width:calc(var(--basic-size) * 2 + var(--basic-gap));padding:1.6rem}.contact-title{font-size:2rem;color:var(--background-color);margin-bottom:1.5rem}.contact-email{font-size:1.2rem;opacity:.7;color:var(--background-color)}.bottom{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.middle-row,.bottom-row{display:flex;gap:var(--basic-gap);align-items:stretch;justify-content:center;flex-wrap:wrap}@keyframes fade-in-out{0%{opacity:0}to{opacity:1}}.modal-overlay{position:fixed;animation:fade-in-out 1s forwards;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.modal{background:#fff;padding:2rem;border-radius:.5rem;width:32rem;height:12rem;display:flex;flex-direction:column;gap:.5rem}.modal-input{font-size:1rem;padding:.5rem}.modal-save{padding:.5rem;border-radius:.5rem;background:var(--active-color);color:#fff;border:none;cursor:pointer}.modal-cancel{padding:.5rem;border-radius:.5rem;background:red;color:#fff;border:none;cursor:pointer}.download-btn{position:fixed;bottom:2rem;right:2rem;padding:1rem 2rem;background-color:var(--active-color);border:none;border-radius:1rem;font-size:1rem;cursor:pointer;z-index:1000}.ripple{position:absolute;border-radius:50%;background:#0000004d;transform:scale(0);animation:ripple-animation .6s linear;pointer-events:none;z-index:1}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}[data-editable=true]{position:relative;overflow:hidden;cursor:pointer}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}body,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;font-weight:400}img{max-width:100%;height:auto}@media screen and (max-width: 1190px) and (min-width: 881px){.header{flex-wrap:nowrap}.avatar,.greeting{width:calc(var(--basic-size) * 1.5 + var(--basic-gap) / 2);height:calc(var(--basic-size) * 1.5 + var(--basic-gap) / 2)}.languages,.education,.interests,.contact{width:calc(var(--basic-size) * 3 + var(--basic-gap) * 2)}.tools{flex-direction:row;width:calc(var(--basic-size) * 3 + var(--basic-gap) * 2)}.tools-list{flex-direction:row}}@media screen and (max-width: 881px) and (min-width: 608px){.header{flex-wrap:nowrap}.experience,.tools{width:calc(var(--basic-size) * 2 + var(--basic-gap))}.tools-list{gap:1rem;flex-direction:row}}@media screen and (max-width: 608px){.avatar,.greeting,.languages,.experience,.tools,.education,.interests,.contact{width:85vw;flex-direction:column}.experience-bottom-row{flex-direction:column}.experience-info-list{list-style:none;max-width:100vw}.experience-info{border-block:1px solid black}.experience-item.active .experience-info{border-block:1px solid white}.tools-list,.education-list{flex-direction:column}.education-item{width:100%}.contact-email{font-size:.8rem}}.pdf .download-btn{display:none}.pdf .experience,.pdf .tools{width:calc(var(--basic-size) * 2 + var(--basic-gap))}.pdf .tools-list{gap:1rem;flex-direction:row}