#portfolioLayoutGrid{flex:1 1 auto;margin:1.5vw 2vw;max-width:90%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto auto;grid-template-areas:"avatar-and-name languages" "education interests" "bottom-row bottom-row" "footer footer";gap:2vw}.download-btn-footer{grid-area:footer;width:100%;display:flex;justify-content:center}.download-btn-footer button{cursor:pointer;padding:1.5vw 3vw;border:1px solid var(--bg-lightgray);border-radius:30px;background-color:var(--bg-lightgray);font-size:clamp(13px,1.5vw,42px);transition:.2s ease}.download-btn-footer button:hover{background-color:var(--accent-green);transition:.2s ease;color:var(--white)}:root{--bg-lightgray: rgba(240, 240, 240, 1);--white: rgba(255, 255, 255, 1);--light-white: rgba(235, 249, 242, 1);--black: rgba(0, 0, 0, 1);--gray-text: rgba(92, 92, 92, 1);--dark-gray-text: rgba(63, 61, 61, 1);--light-gray: rgba(221, 221, 221, 1);--accent-green: rgba(40, 217, 121, 1);--dark-green: rgba(20, 144, 99, 1);--most-recent-bg: rgba(126, 115, 18, .4);--most-recent-text: rgba(221, 241, 99, 1);--textarea-border: rgb(198, 118, 234)}textarea{z-index:11}textarea.editing{box-sizing:border-box;background:none;color:currentColor;outline:none;border:2px solid var(--textarea-border);box-shadow:0 0 10px 0 var(--textarea-border);border-radius:.3vw;transition:box-shadow .3s ease,border-color .3s ease}.avatar-name-section{height:100%;width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-auto-rows:auto;gap:2vw;box-sizing:border-box;grid-area:avatar-and-name}.avatar-name-section div{aspect-ratio:unset!important}.avatar-name-section .avatar{width:100%;height:100%;object-fit:cover}.avatar-name-section .short-description-div{display:flex;flex-direction:column;font-size:clamp(14px,2vw,42px);justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;aspect-ratio:unset!important}.avatar-name-section .short-description-div span{font-size:1em}.avatar-name-section .short-description-div .name-work-wrapper{max-width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:.1em}.avatar-name-section .short-description-div h2{font-size:1em;text-wrap:wrap;font-weight:600;color:var(--black)}.avatar-name-section .short-description-div .my-job-specific{max-width:100%;text-wrap:wrap;font-size:1em;color:var(--gray-text)}.languages-section{display:flex;box-sizing:border-box;max-width:100%;max-height:100%;font-size:clamp(16px,2vw,42px);font-weight:500;color:var(--black);background-color:var(--bg-lightgray);flex-direction:column;align-items:flex-start;grid-area:languages;gap:2vw}.languages-section h3{font-size:1.2em}.languages-section .languages-list{padding-bottom:3%;gap:1vw;display:flex;flex-direction:column;flex-wrap:nowrap;list-style:none;width:100%}.languages-section .languages-list .lang-list-item{width:100%;display:flex;flex-direction:row;gap:2vw;align-items:center}.languages-section .languages-list .lang-list-item .lang-list-item-name{width:30%;font-size:.9em}.languages-section .languages-list .lang-list-item .lang-list-item-progress-bar{width:100%;height:70%;border-radius:10px}.languages-section .languages-list .lang-list-item .lang-list-item-progress-bar .lang-list-item-progress-fill{border-radius:10px;height:100%;background-color:var(--accent-green)}@font-face{font-family:Poppins;src:url(/front-end-entrance-exam/assets/Poppins-Regular-CTKNfV9P.ttf);font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/front-end-entrance-exam/assets/Poppins-Medium-Cxde2ZoM.ttf);font-weight:500;font-style:normal}.education-section{background-color:var(--bg-lightgray);display:flex;flex-direction:column;align-items:flex-start;font-size:clamp(13px,2vw,42px);color:var(--black);box-sizing:border-box;grid-area:education;gap:2vw}.education-section h3{font-weight:500;font-size:1.2em}.education-section .edu-blocks-wrapper{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:2vw;width:100%;font-size:.7em}.education-section .edu-blocks-wrapper span{font-weight:500;font-size:1.1em}.education-section .edu-blocks-wrapper .schoolName{padding:.3em;width:90%;font-weight:400;font-size:1em;text-align:start;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:1vw;position:relative}.education-section .edu-blocks-wrapper .edu-favorite-block{display:flex;flex-direction:column;background-color:var(--accent-green);color:var(--white);gap:1vw;justify-content:space-between}.education-section .edu-blocks-wrapper .edu-favorite-block section span{display:block;width:100%}.education-section .edu-blocks-wrapper .edu-favorite-block p{color:var(--light-white);overflow:hidden;text-overflow:ellipsis}.education-section .edu-blocks-wrapper .edu-favorite-block .edu-fav-block-header{display:flex;flex-direction:row;justify-content:space-between}.education-section .edu-blocks-wrapper .edu-favorite-block .edu-fav-block-header img{width:10%;aspect-ratio:auto}.education-section .edu-blocks-wrapper .edu-block{background-color:var(--white);display:flex;flex-direction:column;justify-content:space-between;gap:1vw}.education-section .edu-blocks-wrapper .edu-block section span{display:block;width:100%}.education-section .edu-blocks-wrapper .edu-block p{color:var(--dark-green);overflow:hidden;text-overflow:ellipsis}.extra-section{display:grid;box-sizing:border-box;grid-template-rows:repeat(2,auto);gap:2vw;grid-area:interests}.extra-section .interests-section{display:flex;flex-direction:column;background-color:var(--bg-lightgray);gap:2vw;box-sizing:border-box;font-size:clamp(16px,2vw,42px)}.extra-section .interests-section h3{font-size:1.2em}.extra-section .interests-section .interests-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.3vw;font-size:.85em}.extra-section .interests-section .interests-list .interests-item{max-width:40%;background-color:var(--white);padding:.3em 1em;border-radius:50px}.extra-section .contact-info-article{display:flex;flex-direction:column;background-color:var(--black);color:var(--white);font-size:clamp(16px,2vw,42px);max-height:11em;gap:1em;justify-content:space-between}.extra-section .contact-info-article address{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.extra-section .contact-info-article h3{width:100%;font-size:1.2em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;text-overflow:ellipsis}.extra-section .contact-info-article .contact-item:not(:last-child):after{content:"";display:inline-block;border-left:2px solid var(--light-gray);height:1em;margin:0 .5em;vertical-align:middle}.extra-section .contact-info-article a{color:var(--light-gray);text-decoration:none;font-style:normal;font-size:.9em}.bottom-row-wrapper{grid-area:bottom-row;display:grid;grid-template-columns:4fr 13fr;gap:2vw;width:100%;align-items:stretch}.tools-section{background-color:var(--bg-lightgray);box-sizing:border-box;display:flex;flex-direction:column;gap:2vw;font-size:clamp(16px,2vw,42px)}.tools-section h3{font-size:1.2em}.tools-section .tools-block-wrapper{display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;gap:2vw}.tools-section article{width:15vw;display:flex;position:relative;flex-direction:column;box-sizing:border-box;background-color:var(--white);gap:1vw}.tools-section article h4{position:absolute;font-weight:400;z-index:10;top:-.8em;display:block;padding:.3em 1em;width:max-content;color:var(--white);background-color:var(--black);font-size:.5em;border-radius:50px;text-align:center;white-space:nowrap;align-self:center}.tools-section article .tools-list{box-sizing:border-box;padding:.5em;display:grid;grid-template-columns:repeat(2,auto);flex-wrap:wrap;gap:2vw;align-items:center;justify-content:space-between;flex-direction:row}.tools-section article .tools-list img{width:1.9em}.experience-section{background-color:var(--bg-lightgray);box-sizing:border-box;display:flex;flex-direction:column;gap:2vw;font-size:clamp(16px,2vw,42px);width:100%}.experience-section h3{font-size:1.2em}.experience-section .experience-block-wrapper{display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;gap:2vw;min-width:100%}.experience-section .experience-block-wrapper .experience-block{width:100%;display:flex;flex-direction:column;gap:1vw}.experience-section .experience-block-wrapper .experience-block .experience-block-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.experience-section .experience-block-wrapper .experience-block .experience-block-header span{max-width:70%;font-weight:500;font-size:.8em}.experience-section .experience-block-wrapper .experience-block .experience-block-header .most-recent-tag{font-size:.6em;background-color:var(--most-recent-bg);color:var(--most-recent-text);border-radius:1em;padding:.3em 1em}.experience-section .experience-block-wrapper .experience-block .experience-block-content{display:grid;grid-template-columns:minmax(0,45%) minmax(0,55%);gap:1vw}.experience-section .experience-block-wrapper .experience-block .experience-block-content ul{margin-left:2vw;list-style-type:disc;font-size:clamp(16px,2vw,42px)}.experience-section .experience-block-wrapper .experience-block .experience-block-content ul li{max-width:98%;text-wrap:wrap;font-size:.7em;font-weight:400}.experience-section .experience-block-wrapper .experience-block .experience-block-content .experience-name-career{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}.experience-section .experience-block-wrapper .experience-block .experience-block-content .experience-name-career .experience-company{display:flex;flex-direction:row;flex-wrap:wrap;max-width:100%}.experience-section .experience-block-wrapper .experience-block .experience-block-content .experience-name-career .experience-company span{max-width:100%;font-weight:400;font-size:.7em}.experience-section .experience-block-wrapper .experience-block .experience-block-content .experience-name-career h4{width:100%;max-width:unset!important;text-wrap:nowrap;font-weight:500;font-size:1em}.experience-section .experience-block-wrapper .exp-block-standard{background-color:var(--white);color:var(--black)}.experience-section .experience-block-wrapper .exp-block-standard .experience-company span{color:var(--dark-gray-text)}.experience-section .experience-block-wrapper .exp-block-standard .experience-company span:not(:last-child):after{content:"";display:inline-block;border-right:1px solid var(--dark-gray-text);height:.8em;margin:0 .8em;vertical-align:middle}.experience-section .experience-block-wrapper .exp-block-recent{background-color:var(--accent-green);color:var(--white)}.experience-section .experience-block-wrapper .exp-block-recent .experience-company span{color:var(--light-white)}.experience-section .experience-block-wrapper .exp-block-recent .experience-company span:not(:last-child):after{content:"";display:inline-block;border-right:1px solid var(--light-white);height:.8em;margin:0 .8em;vertical-align:middle}html{height:100%}body{min-height:100%;margin:0;display:flex;justify-content:center;font-family:Poppins,sans-serif;box-sizing:border-box}.square-block{box-sizing:border-box;background-color:var(--bg-lightgray);border-radius:3rem;width:100%;height:auto;max-width:100%;min-height:0;min-width:0;aspect-ratio:1/1;max-height:100%}.rectangle-block{box-sizing:border-box;border-radius:3rem;max-width:100%;min-width:0;min-height:0;max-height:100%}.main-block-padding{padding:2vw}.child-block-padding{padding:1.5vw}.overflow-ellipsis{display:block;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}h2{margin:0;padding:0}h3{margin:0;padding:0;font-weight:500}h4{margin:0;padding:0}ul{list-style:none;margin:0;padding:0}p{margin:0;padding:0}@media (max-width: 1024px) and (min-width: 601px){#portfolioLayoutGrid{max-width:96vw;margin:1.5vw 2vw;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"avatar-and-name interests" "education languages" "bottom-row bottom-row" "footer footer";gap:3vw}.avatar-name-section{grid-template-columns:1fr;grid-template-rows:auto auto;gap:3vw}.avatar-name-section .short-description-div{font-size:clamp(14px,2.5vw,42px)}.avatar-name-section .short-description-div .name-work-wrapper{letter-spacing:.2em}.avatar-name-section .short-description-div h2{letter-spacing:.4em;font-size:1em;white-space:nowrap}.education-section{font-size:clamp(14px,2vw,42px)}.education-section .edu-favorite-block,.education-section .edu-block{overflow:clip;aspect-ratio:auto;height:auto}.tools-section{font-size:clamp(14px,2vw,42px)}.tools-section article{width:25vw}.tools-section img{width:4vw!important}.languages-section{height:45%}.extra-section{grid-template-rows:auto auto;gap:3vw}.download-btn-footer{width:100%}.download-btn-footer button{display:flex;width:40%;height:50px;align-items:center;justify-content:center}.main-block-padding{padding:20px}.child-block-padding{padding:15px}.square-block,.rectangle-block{border-radius:35px!important}}@media (max-width: 600px){#portfolioLayoutGrid{display:grid;max-width:98vw;margin:1vh 3vw 10vh 3vw;grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto auto;grid-template-areas:"avatar-and-name" "languages" "education" "interests" "bottom-row" "footer";gap:3vw!important;justify-content:center}.avatar-name-section{grid-area:avatar-and-name;display:grid;grid-template-columns:auto auto;grid-auto-rows:auto;box-sizing:border-box;gap:3vw}.avatar-name-section div{width:100%;aspect-ratio:auto!important}.avatar-name-section .short-description-div{font-size:clamp(14px,3.5vw,42px);align-items:start}.avatar-name-section .short-description-div span{font-size:1.2em}.avatar-name-section .name-work-wrapper{font-size:1.5em;align-items:start!important}.languages-section{grid-area:languages}.education-section{grid-area:education;padding:0 2vw;font-size:clamp(14px,3.5vw,42px)}.education-section .edu-blocks-wrapper{font-size:.8em;gap:3vw}.extra-section{grid-area:interests;display:flex;flex-direction:column;gap:3vw}.bottom-row-wrapper{grid-area:bottom-row;display:flex;flex-direction:column;gap:3vw}.tools-section .tools-block-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;gap:2vw}.tools-section article{width:auto;min-width:80px;flex:1 1 auto}.tools-section .tools-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(24px,1fr));gap:1vw;padding:.5em}.download-btn-footer{width:100%}.download-btn-footer button{display:flex;width:50%;height:50px;align-items:center;justify-content:center}.main-block-padding{padding:25px}.child-block-padding{padding:20px}.square-block,.rectangle-block{border-radius:35px!important}}