*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Poppins,sans-serif}html{font-size:16px}h3{align-self:flex-start;font-size:1rem;font-weight:500;line-height:150%}.ripple-element{display:inline-block;position:relative;overflow:hidden;border:none}.ripple{position:absolute;border-radius:50%;background:#fff9;transform:scale(0);animation:ripple-animation .5s linear}@keyframes ripple-animation{to{transform:scale(3);opacity:0}}.header{max-width:595px;position:relative;padding:20px 20px 0;margin:0 auto}.header__button{display:flex;justify-content:flex-end}.header__link{text-decoration:none}.sticky-button{position:relative;overflow:hidden;margin-left:auto;display:block;padding:8px 16px;font-size:16px;background-color:#28d979;color:#fff;border:none;border-radius:12px;cursor:pointer}.resume{display:flex;gap:15px 20px;flex-wrap:wrap;max-width:595px;padding:20px;margin:0 auto}.resume__container{display:flex;gap:20px;flex:1}.cell{padding:12px;border-radius:12px;background:#f0f0f0}.photo{display:flex;max-width:124px;width:100%;border-radius:12px;background:url(/front-end-entrance-exam/assets/profile-CF2GlApQ.png) no-repeat center / cover}.info{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;max-width:124px;min-height:124px;width:100%}.info>span{font-size:.625rem;font-weight:500;line-height:150%}.info__container{display:flex;flex-direction:column;gap:6px;max-width:100%}.info__name{font-size:1.125rem;font-weight:600;line-height:104%}.info__profi{color:#5c5c5c;font-size:.75rem;font-weight:500;line-height:150%}.languages{display:flex;flex-direction:column;gap:16px;max-width:267px;width:100%;min-height:124px}.languages__container{display:flex;gap:17px}.languages__name{display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:50%}.languages__name span{font-size:.625rem;font-weight:500;line-height:104%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.languages__progress{display:flex;flex-direction:column;gap:9px;width:100%}.progress-bar{width:100%;height:11px;border-radius:3px;background:#28d979}.progress-bar:last-child{width:75%}.experience{display:flex;flex-direction:column;gap:16px;width:411px}.experience__container{display:flex;flex-direction:column;gap:8px}.job{display:flex;flex-direction:column;gap:10px;padding:8px;background-color:#fff;border-radius:10px}.recent{background-color:#28d979;color:#fff}.job__date{display:flex;justify-content:space-between;align-items:center}.job__date span{font-size:.5rem;font-weight:500;line-height:150%;text-align:center}.job__recent{display:flex;justify-content:center;align-items:center;padding:2px 6px;border-radius:59px;background:#7e731266}.job__recent>span{color:#ddf163}.job__info{display:flex;justify-content:space-between;gap:10px}.job__title{display:flex;flex-direction:column;max-width:125px}.job__name{font-size:.625rem;font-weight:500;line-height:120%;letter-spacing:0%}.job__subtitle{color:#3f3d3d;font-size:.5rem;font-weight:400;line-height:120%;letter-spacing:0%}.recent-subtitle{color:#fff}.job__content{max-width:239px;list-style:none;padding-left:3px}li:before{content:"•";position:absolute;left:0;top:.05em;font-size:.625rem;color:#000;line-height:1.2}.item{position:relative;padding-left:8px;text-indent:0;font-size:.5rem;font-weight:400;line-height:150%}.item-white:before{content:"•";position:absolute;left:0;top:.05em;font-size:.625rem;color:#fff;line-height:1.2}.tools{display:flex;flex-direction:column;gap:15px;width:124px;padding:12px 12px 3px;border-radius:12px;background:#f0f0f0}.tools__container{display:flex;flex-wrap:wrap;gap:12px}.tools__content{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:0 4px 16px;border-radius:6px;background:#fff;margin:0 12px}.tools__name{display:flex;transform:translateY(-50%);padding:2px 6px;margin:0 auto;border-radius:59px;background:#000}.tools__name span{color:#fff;font-size:.3125rem;font-weight:500;line-height:142%}.tools__image{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px}.image-right{margin-right:auto;padding-left:7px}.education{display:flex;flex-direction:column;gap:16px;max-width:268px}.education__cards{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px}.card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:116px;padding:8px;background:#fff;border-radius:10px}.card-green{background:#28d979;color:#fff}.card__container{display:flex;justify-content:space-between;align-items:center;width:100%}.card__date{font-size:.625rem;font-weight:500;line-height:150%}.card__content{display:flex;flex-direction:column;align-items:flex-start;width:100%}.content__name{font-size:.625rem;font-weight:500;line-height:150%}.content__tag{color:#149063;font-size:.5rem;font-weight:400;line-height:150%}.content__tag-active{color:#ebf9f2}.content__place{font-size:.5rem;font-weight:400;line-height:150%}.resume__wrapper{display:flex;flex-direction:column;justify-content:space-between;gap:20px;width:267px}.interests{display:flex;flex-direction:column;gap:16px;align-self:flex-start;max-width:100%}.interests__box{display:flex;flex-wrap:wrap;gap:8px}.interest{display:flex;justify-content:center;align-items:center;padding:4px 10px;border-radius:40px;background:#fff}.interest span{font-size:.625rem;font-weight:400;line-height:150%}.contact{display:flex;flex-direction:column;gap:11px;padding:12px;border-radius:12px;background:#000}.contact__title{color:#fff;font-size:.875rem;font-weight:500;line-height:150%}.contact__email{color:#ddd;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.625rem;font-weight:400;line-height:150%}@media (max-width: 594px){html{font-size:22px}.resume{flex-direction:column;align-items:center;gap:20px}.header{max-width:520px;width:100%}.photo,.resume__container,.languages,.experience,.tools,.education,.resume__wrapper{max-width:480px;width:100%}.photo{aspect-ratio:1 / 1}.info{max-width:230px;max-height:none}.languages__name{gap:5px}.job__title{max-width:none;width:100%}.job__info{flex-wrap:wrap}.job__content{width:100%;max-width:none}.tools{padding-bottom:12px}.tools__container,.tools__content{flex-direction:column}.experience__container{gap:16px}.education__cards{justify-content:center}.card{align-self:stretch}.card__content{margin-bottom:auto}}@media (max-width: 375px){.sticky-button{margin:0 auto}.resume__container{flex-direction:column}.info{max-width:475px;width:100%;min-height:124px}.interests__box{justify-content:center}.interest span{font-size:.5rem;text-align:center}}.editable{max-width:100%}h3.editable{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.contact__title.editable{white-space:normal;text-overflow:unset;overflow:visible}.editable:focus{outline:none;animation:pulse 2s linear}@keyframes pulse{0%{background-color:#28d97959}to{background-color:transparent}}.recent .editable:focus,.card-green .editable:focus,.contact .editable:focus{outline:none;animation:pulsegray 2s linear}@keyframes pulsegray{0%{background-color:#f0f0f0b3}to{background-color:transparent}}.header__link:hover{transform:scale(1.05);transition:transform .5s ease;box-shadow:0 4px 12px #0003}.interest:hover{transform:scale(1.1);transition:transform .2s ease}