.work-preview{max-width:360px}.preview-front{width:100%;height:100%;border-radius:8px}.preview-front__content{position:relative;border-radius:8px;background-color:#f5f5f5;padding:10px 20px;cursor:pointer;border:1px solid #e0e0e0;box-shadow:0 25px 20px -21px rgba(10,88,159,.2)}.preview-front__content-icon{position:absolute;bottom:5px;left:5px;font-size:18px;color:#0500ff;-webkit-animation-name:bottom-up-pulsar;animation-name:bottom-up-pulsar;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.preview-front__img{margin:0 auto;border-radius:8px;transition:transform .3s ease-out;height:160px;width:100%}@media(any-hover:hover){.preview-front__img:hover{transform:scale(1.1)}}@media(max-width:767.98px){.preview-front__img{width:100%}}.preview-front__head{display:flex;flex-direction:column;margin-top:15px;padding:0 15px}.preview-front__title{font-weight:500;font-size:1.5rem;line-height:1em;text-align:center;transition:color .3s ease-in}.preview-front__tech-list{margin-top:10px}.tech-list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.tech-list__item:not(.tech-list__item:last-child){margin-right:10px}.tech-list__item-img{height:24px}.preview-back{position:absolute;display:flex;justify-content:center;align-items:center;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);border-radius:8px;z-index:100;cursor:pointer}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.875rem;color:#0500ff}.work-info{display:flex;align-items:center;width:100%;border-radius:15px;box-shadow:0 14px 28px rgba(134,151,168,.2);transition:background-color .3s ease-in;padding:30px}@media(max-width:991.98px){.work-info{flex-direction:column;align-items:center}}@media(max-width:575.98px){.work-info{padding:10px}}.work-info__img{border:1px solid #ddd;border-radius:10px;height:270px}.work-info__content{margin-left:25px}@media(max-width:991.98px){.work-info__content{margin:20px 0 0}}@media(max-width:767.98px){.work-info__content{margin:10px 0 0}}.work-info__title{font-weight:400;font-size:2.25rem;transition:color .3s ease-in}@media(max-width:991.98px){.work-info__title{text-align:center}}@media(max-width:575.98px){.work-info__title{font-size:2rem}}.work-info__list{margin:20px 0}@media(max-width:575.98px){.work-info__list{margin:10px 0}}.work-info__links{display:flex}@media(max-width:991.98px){.work-info__links{justify-content:center}}.work-info-list__item{position:relative;font-weight:300;font-size:1.1875rem;padding-left:20px;transition:color .3s ease-in}.work-info-list__item:not(.work-info-list__item:last-child){margin-bottom:10px}@media(max-width:575.98px){.work-info-list__item{font-size:1.0625rem}}.work-info-list__item:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);height:.3125em;width:.3125em;transition:background .3s ease-in}.toggle-theme{cursor:pointer;transition:transform .3s ease-in}@media(any-hover:hover){.toggle-theme:hover{transform:rotate(180deg)}}.toggle-theme__icon{font-size:1.25rem;color:#0a589f}.bounce-enter-active{-webkit-animation:bounce-in .5s;animation:bounce-in .5s}.bounce-leave-active{animation:bounce-in .5s reverse}@-webkit-keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}.popup-wrapper{position:fixed;z-index:999;top:0;bottom:0;right:0;left:0;background-color:rgba(10,88,159,.3);display:flex;justify-content:center;align-items:center}.popup{z-index:9999;border-radius:15px;box-shadow:0 0 15px rgba(5,0,255,.2);transition:background-color .3s ease-in;margin:10px}.popup__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px;height:100%}.popup__content{overflow-y:auto}.popup__btn{font-size:1.375rem;align-self:flex-end;transition:color .3s ease}.popup__btn,.skills__btn{border:none;background:none;cursor:pointer}.skills__btn{font-family:Arial,sans-serif;font-size:1rem;font-weight:700;color:#0500ff;margin-bottom:10px}.skills__btn:focus{outline:none}.skills__btn-icon{transition:transform .3s ease-in}.skills__btn-icon--rotate{transform:rotate(180deg)}.skills__title{text-align:center;padding:5px 5px 10px}.skills-list{display:flex;flex-wrap:wrap}.skills-list__item{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:80px;height:80px;border-radius:15px;padding:10px;text-align:center;margin:10px;-webkit-animation:pulsar 2s infinite forwards;animation:pulsar 2s infinite forwards;transition:box-shadow .3s ease-out,background-color .3s ease-in}.skills-list__item-img{width:35px;height:35px;margin:0 auto 2px;-o-object-fit:contain;object-fit:contain}.skills-list__item-text{font-size:12px;color:var(--pulsar-color)}.group-buttons{position:relative}.group-buttons,.group-buttons__btn{display:flex;justify-content:center;align-items:center}.group-buttons__btn{height:50px;width:50px;box-shadow:0 4px 8px rgba(5,0,255,.1);border:none;border-radius:50%;transition:box-shadow .3s ease-out,background-color .3s ease-in;cursor:pointer;z-index:10;color:#0a589f;font-size:1.125rem}@media(any-hover:hover){.group-buttons__btn:hover{box-shadow:0 0 15px rgba(5,0,255,.3)}}.group-buttons__btn__img{height:30px;width:30px}.group-buttons__toggle{height:50px;width:50px;z-index:20;position:relative;transition:box-shadow .3s ease-out,transform .3s ease-in}.group-buttons__toggle--active{transform:rotate(180deg)}.group-buttons__sub-btn{position:absolute;transform:translate(var(--btn-x),var(--btn-y))}@-webkit-keyframes pulsar{0%{box-shadow:0 0 -1px 0 var(--pulsar-color)}50%{box-shadow:0 0 20px 0 var(--pulsar-color)}to{box-shadow:0 0 -1px 0 var(--pulsar-color)}}@keyframes pulsar{0%{box-shadow:0 0 -1px 0 var(--pulsar-color)}50%{box-shadow:0 0 20px 0 var(--pulsar-color)}to{box-shadow:0 0 -1px 0 var(--pulsar-color)}}@-webkit-keyframes left-side{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes left-side{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@-webkit-keyframes bottom-side{0%{transform:translateY(1000%)}to{transform:translateY(0)}}@keyframes bottom-side{0%{transform:translateY(1000%)}to{transform:translateY(0)}}@-webkit-keyframes display-opacity{0%{opacity:0}to{opacity:1}}@keyframes display-opacity{0%{opacity:0}to{opacity:1}}@-webkit-keyframes bottom-up-pulsar{0%{transform:scale(1.2)}50%{transform:scale(1)}to{transform:scale(1.2)}}@keyframes bottom-up-pulsar{0%{transform:scale(1.2)}50%{transform:scale(1)}to{transform:scale(1.2)}}body,html{height:auto}body{display:flex;flex-direction:column;justify-content:space-between;font-family:Arial,sans-serif;font-weight:500;font-size:1rem;color:#000;transition:background-color .3s ease-in}.main{flex:1 0 auto}.footer{flex:0 0 auto}.wrapper{display:flex;flex-direction:column;min-height:100%}.container{margin:0 auto;padding:0 15px;max-width:1230px}@media(max-width:1400px){.container{max-width:1230px}}@media(max-width:1200px){.container{max-width:1140px}}@media(max-width:992px){.container{max-width:960px}}@media(max-width:768px){.container{max-width:720px}}@media(max-width:576px){.container{max-width:540px}}@media(max-width:320px){.container{max-width:100%}}._visually-hidden{position:absolute;width:1px;height:1px;border:0;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0)}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0}ol,ul{padding:0}ul[class]{list-style:none}img{max-width:100%;display:block;-o-object-fit:cover;object-fit:cover}button,input,select,textarea{font:inherit}a{text-decoration:none;color:inherit}button{margin:0;padding:0}body.dark-theme{background-color:#858585}body.dark-theme .bio{background-color:#3a3a3a;border-bottom:1px solid #eee}body.dark-theme .group-buttons__btn{background-color:#fff}body.dark-theme .title{color:#fff}body.dark-theme .subtitle{color:#cdcdcd}body.dark-theme .skills-list__item{background-color:#fff;border:1px solid #eee}body.dark-theme .preview-front__title{color:#fff}body.dark-theme .work__container{color:#cdcdcd}body.dark-theme .work__title:before{background-color:#cdcdcd}body.dark-theme .popup{background-color:#3a3a3a;border:1px solid #eee}body.dark-theme .popup__btn{color:#eee}@media(any-hover:hover){body.dark-theme .popup__btn:hover{color:#858585}}body.dark-theme .error__icon{color:hsla(0,0%,100%,.8)}body.dark-theme .error__text{color:#fff}body.light-theme{background-color:#fff}body.light-theme .bio{background-color:#f5f5f5;border-bottom:1px solid #eee}body.light-theme .group-buttons__btn{background-color:#fff}body.light-theme .title{color:#0500ff}body.light-theme .subtitle{color:#0a589f}body.light-theme .skills-list__item{background-color:#fff;border:1px solid #eee}body.light-theme .preview-front__title{color:#0a589f}body.light-theme .work__container{color:#0500ff}body.light-theme .work__links{color:#0a589f}body.light-theme .work__title:before{background-color:#0a589f}body.light-theme .popup{background-color:#fff}body.light-theme .error__icon{color:rgba(5,0,255,.8)}body.light-theme .error__text{color:#0a589f}body.light-theme .popup__btn{color:#0500ff}@media(any-hover:hover){body.light-theme .popup__btn:hover{color:red}}.work-link{display:flex;justify-content:center;align-items:center;height:50px;width:50px;border:none;border-radius:50%;margin:0 5px;background-color:#fff;transition:transform .2s ease-out;cursor:pointer}@media(any-hover:hover){.work-link:hover{transform:scale(.8)}}.work-link__icon{color:#0500ff}.title{font-weight:700;font-size:24px}.subtitle,.title{line-height:1em;transition:color .3s ease-in}.subtitle{font-weight:600;font-size:18px}.bio{width:100%;transition:background-color .3s ease-in}.bio__wrapper{padding:20px 0}.bio__toggle-theme{position:absolute;top:0;right:0}@media(max-width:767.98px){.bio__toggle-theme{top:auto}}.bio__skills{margin:20px 0 0}.bio-head,.bio__skills{display:flex;justify-content:space-between}.bio-head{position:relative;padding-right:35px}@media(max-width:767.98px){.bio-head{flex-direction:column;padding-right:0}}.bio-head__hero{display:flex;align-items:center}@media(max-width:767.98px){.bio-head__hero{margin:0 0 10px}.bio-head__contacts{display:flex;padding:0 20px}}.bio-head__img{height:80px;width:80px;padding:2.5px;-o-object-fit:cover;object-fit:cover;border:2px solid #0500ff;border-radius:50%;background-color:#11bd18}.bio-head__headers{margin-left:10px}.bio-head__nickname{font-style:italic;font-weight:400;font-size:1rem}.portfolio{width:100%;padding:20px 0 0}.portfolio__title{text-align:center}.portfolio__work{margin:20px 0}.portfolio__work-items{position:relative;min-height:50px}.fade-enter-active,.fade-leave-active{transition:opacity 1.2s ease-out}.works{display:flex;flex-wrap:wrap;justify-content:space-around;gap:20px;margin:20px 0;position:relative}@media(max-width:991.98px){.works{justify-content:center}}.work__container{padding:15px}.work__head{display:flex;flex-direction:column;justify-content:center;align-items:center}.work__img{width:auto;height:320px;border:2px solid #f5f5f5;border-radius:10px;box-shadow:0 4px 8px rgba(5,0,255,.1);margin-bottom:15px}@media(max-width:767.98px){.work__img{height:auto}}.work__title{font-weight:700;font-size:1.5rem;padding-bottom:15px;position:relative;width:100%;text-align:center}.work__title:before{content:"";height:2px;display:block;position:absolute;bottom:0;left:0;right:0}.work__content{font-size:1.125rem;font-weight:600}.work__text{margin:15px 0;max-width:520px}.work__links{display:flex;justify-content:flex-start}.work__link{font-size:1.25rem;transition:color .3s ease-in}@media(any-hover:hover){.work__link:hover{color:#000}}.work__link:not(.work__link:last-child){margin-right:15px}.light-speed-enter-active{-webkit-animation:lightSpeedInLeft .8s ease;animation:lightSpeedInLeft .8s ease}.light-speed-leave-active{animation:lightSpeedInLeft .8s ease reverse}.element-move-enter-active{-webkit-animation:elementMove .8s ease;animation:elementMove .8s ease}.element-move-leave-active{animation:elementMove .8s ease reverse}@-webkit-keyframes elementMove{0%{transform:translate(0);opacity:0}80%{opacity:1}to{transform:translate(var(--btn-x),var(--btn-y))}}@keyframes elementMove{0%{transform:translate(0);opacity:0}80%{opacity:1}to{transform:translate(var(--btn-x),var(--btn-y))}}@-webkit-keyframes lightSpeedInLeft{0%{transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg)}80%{transform:skewX(5deg);opacity:1}to{transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg)}80%{transform:skewX(5deg);opacity:1}to{transform:translateZ(0)}}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.error__content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 15px}.error__icon{font-size:5rem}@media(max-width:767.98px){.error__icon{font-size:3.75rem}}.error__text{font-weight:600;font-size:1.75rem;text-align:center;margin:10px}@media(max-width:767.98px){.error__text{font-size:1.375rem}}