.app{padding:44px 68px;display:flex;justify-content:space-between}.download-button{height:fit-content;outline:none;border:#000000 solid 1px;background:none;cursor:pointer;padding:12px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.download-button:hover{background:#000;color:#fff}.popup{min-width:120px;position:absolute;z-index:-1;opacity:0;border:#000000 solid 1px;padding:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;transform:translate(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s}.popup [class*=-popup]{display:none}.popup [class*=-popup].active{display:block}.popup h2{font-size:20px;margin-bottom:4px}.popup .avatar-popup input[type=file]{display:none}.popup .avatar-popup label{display:block;width:100%;padding:12px;border:#000000 dashed 1px;text-align:center;cursor:pointer;margin-bottom:16px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.popup .avatar-popup label:hover{background-color:#000;color:#fff}.popup input{display:inline-block;width:calc(100% - 25px);padding:2px;border:#000000 solid 1px;outline:none;background:none;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.popup button{display:inline-block;cursor:pointer;border:none;background:none;width:20px;height:20px;font-size:16px}.popup button.disabled{color:red;cursor:auto!important}.popup input.error{border:#ff0000 solid 1px}.popup input:focus{border:#000000 solid 1px}.popup .lang-progress-popup p{white-space:nowrap;font-size:12px;margin-bottom:8px}.popup .lang-progress-popup div{display:flex;justify-content:space-between;align-items:center}.popup .lang-progress-popup div input[type=range]{height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:calc(100% - 25px)}.popup .lang-progress-popup div input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;opacity:0;height:20px;width:5px;cursor:ew-resize}.popup .lang-progress-popup div input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;box-shadow:none;border:none;background:transparent}.popup .lang-progress-popup div button{margin-bottom:2px}.popup .tool-popup *{display:block}.popup .tool-popup input{width:100%}.popup .tool-popup button,.popup .tool-popup .img-preview{margin-left:auto;margin-right:auto}.popup .tool-popup .img-preview{margin-top:4px;height:0;background-size:contain;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.popup .tool-popup .img-preview.active{height:36px;width:36px}.popup .tool-header-popup.active{display:flex!important;justify-content:space-between}.popup .tool-header-popup.active input{width:70px}.popup.active{display:block;opacity:1;z-index:1}.cv{border:1px dashed black;width:595px;height:842px}.cv-wrapper{filter:blur(5px);-webkit-filter:blur(5px);width:595px;height:842px;padding:15px 20px;display:flex;flex-direction:column;gap:20px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.cv-wrapper .top{height:124px;display:flex;gap:20px}.cv-wrapper .top>div{background-color:var(--bg-secondary);padding:12px;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}.cv-wrapper .top .avatar{width:124px;background-image:url(../baseLogo.png);background-size:contain}.cv-wrapper .top .bio{width:124px;padding:12px}.cv-wrapper .top .bio .heading{font-size:10px;margin-bottom:40px}.cv-wrapper .top .bio .name{font-size:14px;margin-bottom:6px}.cv-wrapper .top .bio .job{font-size:12px;color:#5c5c5c}.cv-wrapper .top .langs{width:267px;display:flex;flex-direction:column;gap:16px}.cv-wrapper .top .langs h2{font-size:14px}.cv-wrapper .top .langs .wrapper{display:flex;gap:17px}.cv-wrapper .top .langs .wrapper .langs-container{display:flex;flex-direction:column;gap:10px}.cv-wrapper .top .langs .wrapper .langs-container .lang .lang-name{font-size:10px;line-height:105%}.cv-wrapper .top .langs .wrapper .bar-container{width:100%;display:flex;flex-direction:column;gap:10px}.cv-wrapper .top .langs .wrapper .bar-container .progress-bar{width:100%;height:11px}.cv-wrapper .top .langs .wrapper .bar-container .progress-bar div{height:100%;width:var(--level);background-color:var(--bg-highlight);border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px}.cv-wrapper .middle{height:359px;display:flex;justify-content:space-between}.cv-wrapper .middle .experience{width:411px;height:359px;padding:12px;background-color:var(--bg-secondary);border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}.cv-wrapper .middle .experience h3{font-size:14px;margin-bottom:16px}.cv-wrapper .middle .experience .jobs-container{height:300px;display:flex;flex-direction:column;justify-content:space-between}.cv-wrapper .middle .experience .jobs-container .job{padding:10px 8px;background-color:var(--bg-primary);border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.cv-wrapper .middle .experience .jobs-container .job .date{font-size:8px;margin-bottom:8px;line-height:150%}.cv-wrapper .middle .experience .jobs-container .job .info{display:flex;justify-content:space-between}.cv-wrapper .middle .experience .jobs-container .job .info .heading .title{font-size:10px;line-height:15px}.cv-wrapper .middle .experience .jobs-container .job .info .heading .type{font-size:8px;line-height:12px}.cv-wrapper .middle .experience .jobs-container .job .info .responsibilities{width:239px;font-size:8px}.cv-wrapper .middle .experience .jobs-container .job .info .responsibilities li{list-style:none;position:relative;margin-left:12px}.cv-wrapper .middle .experience .jobs-container .job .info .responsibilities li:before{position:absolute;display:block;content:"";background-color:#000;width:2px;height:2px;top:5px;left:-8px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.cv-wrapper .middle .experience .jobs-container .job:first-child{background-color:var(--bg-highlight);color:var(--bg-primary);position:relative}.cv-wrapper .middle .experience .jobs-container .job:first-child li:before{background-color:#fff!important}.cv-wrapper .middle .experience .jobs-container .job:first-child:before{content:"most recent";padding:2px 6px;font-family:"Poppins" sans-serif;font-weight:500;font-size:8px;position:absolute;right:8px;top:8px;color:#ddf163;background-color:#7e731266;border-radius:59px;-webkit-border-radius:59px;-moz-border-radius:59px;-ms-border-radius:59px;-o-border-radius:59px}.cv-wrapper .middle .tools{background-color:var(--bg-secondary);width:124px;padding:12px 12px 0;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}.cv-wrapper .middle .tools h4{font-size:14px;margin-bottom:15px;line-height:21px}.cv-wrapper .middle .tools .tool-blocks{padding:0 12px;display:flex;flex-direction:column;gap:12px}.cv-wrapper .middle .tools .tool-blocks .tool-block{background-color:var(--bg-primary);padding:16px 11px;position:relative;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.cv-wrapper .middle .tools .tool-blocks .tool-block .tool-header{padding:2px 6px;margin-bottom:10px;color:#fff;background-color:#000;font-size:5px;text-align:center;white-space:nowrap;border-radius:59px;-webkit-border-radius:59px;-moz-border-radius:59px;-ms-border-radius:59px;-o-border-radius:59px;position:absolute;top:-5.5px;left:50%;transform:translate(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.cv-wrapper .middle .tools .tool-blocks .tool-block .icons-container{display:flex;flex-wrap:wrap;column-gap:16px;row-gap:16px;justify-content:center}.cv-wrapper .middle .tools .tool-blocks .tool-block .icons-container .tool-icon{width:15px;height:15px;background-size:contain}.cv-wrapper .bottom{height:289px;display:flex;justify-content:space-between}.cv-wrapper .bottom .education{width:268px;height:100%;padding:12px 8px 12px 12px;background-color:var(--bg-secondary);border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}.cv-wrapper .bottom .education h4{font-size:14px;margin-bottom:16px}.cv-wrapper .bottom .education .education-cards{height:228px;display:flex;column-gap:16px;align-content:space-between;flex-wrap:wrap}.cv-wrapper .bottom .education .education-cards .education-card{position:relative;background-color:var(--bg-primary);width:116px;height:fit-content;padding:8px;display:flex;flex-direction:column;gap:8px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s}.cv-wrapper .bottom .education .education-cards .education-card .education-date{font-size:10px;line-height:15px}.cv-wrapper .bottom .education .education-cards .education-card .education-title h5{font-size:10px}.cv-wrapper .bottom .education .education-cards .education-card .education-title .hashtags{color:#149063;font-size:8px}.cv-wrapper .bottom .education .education-cards .education-card .school{font-size:8px}.cv-wrapper .bottom .education .education-cards .education-card .favorite-button{cursor:pointer;border:none;outline:none;background:none;width:11px;height:9.39px;position:absolute;top:10.81px;right:8px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}.cv-wrapper .bottom .education .education-cards .education-card .favorite-button:hover{transform:scaleX(1.5) scaleY(1.5)!important;-webkit-transform:scaleX(1.5) scaleY(1.5)!important;-moz-transform:scaleX(1.5) scaleY(1.5)!important;-ms-transform:scaleX(1.5) scaleY(1.5)!important;-o-transform:scaleX(1.5) scaleY(1.5)!important}.cv-wrapper .bottom .education .education-cards .education-card:hover:not(.favorite){background-color:#28d979;color:#fff}.cv-wrapper .bottom .education .education-cards .education-card:hover:not(.favorite) .hashtags{color:#fff}.cv-wrapper .bottom .education .education-cards .education-card:hover:not(.favorite) .favorite-button{background-image:url(../heart.svg);transform:scaleX(1.5) scaleY(1.5)!important;-webkit-transform:scaleX(1.5) scaleY(1.5)!important;-moz-transform:scaleX(1.5) scaleY(1.5)!important;-ms-transform:scaleX(1.5) scaleY(1.5)!important;-o-transform:scaleX(1.5) scaleY(1.5)!important}.cv-wrapper .bottom .education .education-cards .education-card.favorite{background-color:#28d979;color:#fff}.cv-wrapper .bottom .education .education-cards .education-card.favorite .hashtags{color:#fff}.cv-wrapper .bottom .education .education-cards .education-card.favorite .favorite-button{background-image:url(../heart.svg)}.cv-wrapper .bottom .education .education-cards .education-card.favorite:hover{background-color:#fff;color:#000}.cv-wrapper .bottom .education .education-cards .education-card.favorite:hover .hashtags{color:#149063}.cv-wrapper .bottom .education .education-cards .education-card.favorite:hover .favorite-button{background-image:url(../heart_green.svg);transform:scaleX(.85) scaleY(.85);-webkit-transform:scaleX(.85) scaleY(.85);-moz-transform:scaleX(.85) scaleY(.85);-ms-transform:scaleX(.85) scaleY(.85);-o-transform:scaleX(.85) scaleY(.85)}.cv-wrapper .bottom .right-block{width:267px}.cv-wrapper .bottom .right-block .interests{margin-bottom:20px;background-color:var(--bg-secondary);padding:12px;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}.cv-wrapper .bottom .right-block .interests h4{font-size:14px;margin-bottom:14px}.cv-wrapper .bottom .right-block .interests .interests-container{display:flex;gap:8px;flex-wrap:wrap}.cv-wrapper .bottom .right-block .interests .interests-container span{padding:4px 10px;font-weight:400;font-size:10px;background-color:var(--bg-primary);border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px}.cv-wrapper .bottom .right-block .contacts{background:#000;color:#fff;padding:12px;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}.cv-wrapper .bottom .right-block .contacts .contact-heading{margin-bottom:11px}.cv-wrapper .bottom .right-block .contacts .contact-heading p{font-size:14px}.cv-wrapper .bottom .right-block .contacts .gmail{font-size:10px;font-weight:200}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}html{--bg-primary: #ffffff;--bg-secondary: #f0f0f0;--bg-highlight: #28d979}html,body,.app{height:100%}.poppins-thin{font-family:Poppins,sans-serif;font-weight:100;font-style:normal}.poppins-extralight{font-family:Poppins,sans-serif;font-weight:200;font-style:normal}.poppins-light{font-family:Poppins,sans-serif;font-weight:300;font-style:normal}.poppins-regular{font-family:Poppins,sans-serif;font-weight:400;font-style:normal}.poppins-medium{font-family:Poppins,sans-serif;font-weight:500;font-style:normal}.poppins-semibold{font-family:Poppins,sans-serif;font-weight:600;font-style:normal}.poppins-bold{font-family:Poppins,sans-serif;font-weight:700;font-style:normal}.poppins-extrabold{font-family:Poppins,sans-serif;font-weight:800;font-style:normal}.poppins-black{font-family:Poppins,sans-serif;font-weight:900;font-style:normal}.poppins-thin-italic{font-family:Poppins,sans-serif;font-weight:100;font-style:italic}.poppins-extralight-italic{font-family:Poppins,sans-serif;font-weight:200;font-style:italic}.poppins-light-italic{font-family:Poppins,sans-serif;font-weight:300;font-style:italic}.poppins-regular-italic{font-family:Poppins,sans-serif;font-weight:400;font-style:italic}.poppins-medium-italic{font-family:Poppins,sans-serif;font-weight:500;font-style:italic}.poppins-semibold-italic{font-family:Poppins,sans-serif;font-weight:600;font-style:italic}.poppins-bold-italic{font-family:Poppins,sans-serif;font-weight:700;font-style:italic}.poppins-extrabold-italic{font-family:Poppins,sans-serif;font-weight:800;font-style:italic}.poppins-black-italic{font-family:Poppins,sans-serif;font-weight:900;font-style:italic}