body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5 url(/static/media/body4.641fd9e02c260fe3e15d.jpg) no-repeat 50% fixed;background-size:cover;font-family:Georgia,Times New Roman,serif;margin:0;min-height:100%}*,:after,:before{box-sizing:inherit}:root{--blue:#dee8eb;--dblue:#8ab1b5;--darkblue:#687582;--darkgreen:#304f30;--black:#272727;--orange:#50527f;--gray:#acb4b4;--base-font-size:16px;--mobile-base-font-size:14px;--h1-font-size:2rem}html{font-size:16px;font-size:var(--base-font-size)}@media screen and (max-width:768px){html{font-size:14px;font-size:var(--mobile-base-font-size)}}h1{font-size:2rem;font-size:var(--h1-font-size)}header{align-items:start;border-bottom:2px solid #dee8eb;border-bottom:2px solid var(--blue);box-shadow:0 6px 20px 0 #d4dce080;display:flex;flex-wrap:wrap;justify-content:space-between;padding:15px}.sticky{position:sticky;top:0;width:100%;z-index:100}a:link,a:visited{color:#dee8eb;color:var(--blue);text-decoration:none}a.active{color:#060505}.App-main{background-color:#f5f5f5}.App-main,.App-page{color:#272727;color:var(--black);min-height:100vh}.App-page{align-items:center;display:flex;flex-direction:column;font-family:Georgia,Times New Roman,serif;justify-content:flex-start}.contact-me{background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:600px;padding:2rem}.contact-me h2{color:#333;font-size:1.4rem;margin-bottom:1rem}.contact-me p{color:#666;line-height:1.6}.contact-icons{gap:1rem;justify-content:center;margin:1.5rem 0}.autograph__path{fill:#0000;animation-fill-mode:forwards;animation-timing-function:linear;opacity:0;.animated &{stroke:#000;animation-name:line;opacity:1}}@keyframes line{to{stroke-dashoffset:0}}.social-icon{align-items:center;background-color:#5495be;border-radius:50%;display:inline-flex;justify-content:center;transition:transform .3s ease,background-color .3s ease}.social-icon:hover{transform:scale(1.1)}.social-icon svg{fill:#fff}.social-icon.email{background-color:initial}.contact-info{background-color:#ffffff7a;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:.5rem}.contact-info p{margin:.5rem 0}@media (max-width:768px){.contact-me{margin:1rem;padding:1.5rem}.contact-me h2{font-size:1.75rem}}.get-in-touch-card{background:#799d4a url(/static/media/photo.55765d308b44b06345fd.jpeg) no-repeat 100% 0 fixed;background-size:cover;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto 0 80px;min-height:100%;padding:24px}.card-title{font-size:1.2rem;font-weight:600;margin-bottom:6px;margin-top:60px}.card-description{font-size:1rem;font-weight:500;margin-bottom:20px}.contact-icons{align-items:center;display:flex;gap:16px;justify-content:flex-end;margin-bottom:20px}.contact-icons a{color:#6ba3c0;font-size:1.7rem;text-decoration:none}.contact-icons a:hover{opacity:.8}.divider{border:none;border-top:1px solid #e0e0e0;margin:20px 0}.contact-info{color:#666;font-size:14px}.contact-info p{margin:8px 0}.header-social-icons ul{display:flex;justify-content:space-between;list-style-type:none;padding:0}.header-social-icons ul li{color:var(--blue);margin:0 1rem}.header-social-icons ul li a:hover{color:#f4faf4}@media (max-width:480px){.get-in-touch-card{margin:0 4px;padding:16px}.card-title{font-size:1.2rem}.card-description{font-size:1rem}}.App-main.sandbox{background-size:cover;min-height:100%;overflow:hidden;position:relative}.App-main.sandbox:before{background-image:url(/static/media/body4.e75a7fa980ea365cf406.jpg);background-position:50%;background-size:cover;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .5s ease-in-out;z-index:10}.App-main.sandbox.show-full-sand:before{opacity:1}.App-main.sandbox.show-full-sand .App-page{opacity:0;transition:opacity .5s ease-in-out}.App-page>section{margin:10px auto;max-width:680px;padding:10px 8px}.signature{color:var(--black);font-family:cursive;padding:0 10px;pointer-events:none;text-align:right}.sand-footer{height:100px;margin-top:30px;width:100px}.sand-footer,.sand-footer-lg{background:#575d4f url(/static/media/body4.e75a7fa980ea365cf406.jpg) no-repeat 50% fixed;background-size:cover;border-radius:50%;cursor:pointer}.sand-footer-lg{height:150px;margin-top:20px;width:150px}.title-home{font-size:2rem;font-weight:700;margin-bottom:20px}.subtitle-home,.title-home{color:var(--black);text-align:left}.subtitle-home{font-size:1.4rem;margin:1rem 0}.transparent-bg{background:#d4dce040;box-decoration-break:clone;-webkit-box-decoration-break:clone;display:inline;padding:6px 8px}.transparent-bg-dark{background:#26353c40}.greeting-all{align-items:center;display:flex;justify-content:space-between;margin:0}.greeting>span{background:#d4dce040 none repeat scroll 0 0;box-decoration-break:clone;-webkit-box-decoration-break:clone;display:inline;font-size:1.2rem;font-weight:500;line-height:1.3;padding:0 6px}@media (max-width:480px){.transparent-bg{padding:4px}}.title-span{display:"inline-block";padding:"0.5rem"}.whiskers-story-container{align-items:center;display:flex;flex-direction:column;padding:20px}.intro-section{border-left:4px solid var(--orange);margin:0 auto;padding:20px;text-align:left}.intro-section h1{font-size:2.5rem;margin-bottom:15px}.intro-section-title{padding:10px}.intro-section p{line-height:1.6;margin-bottom:20px;text-align:left}.intro-section .traceButton{cursor:pointer;font-size:1rem;padding:10px 20px}.container{display:flex;flex-direction:column;padding:20px}.story-section{flex:1 1;padding:0}.image-container{align-items:center;display:flex;justify-content:center;margin:20px 0;position:relative}.cat-image{border:2px solid #ccc;box-shadow:0 4px 8px #0003;height:auto;max-width:100%}.image-overlay{position:relative}.tail-overlay{border-radius:50%;cursor:pointer;position:absolute}.tail_c1{height:11%;margin-left:17%;position:absolute;top:3.6%;width:13%}.tail_c2{margin-left:47%;top:5%;width:15%}.tail_c2,.tail_c3{height:10%;position:absolute}.tail_c3{margin-left:74%;top:4%;width:16%}.tail_c4{height:12%;margin-left:17%;position:absolute;top:25%;width:14%}.tail_c5{height:10%;margin-left:46%;position:absolute;top:27%;width:19%}.tail_c6{height:14%;margin-left:84%;position:absolute;top:31%;width:14%}.tail_c7{height:12%;margin-left:18%;position:absolute;top:49.5%;width:13%}.tail_c8{height:13%;margin-left:51%;width:14%}.tail_c8,.tail_c9{position:absolute;top:56%}.tail_c9{height:13.5%;margin-left:77%;width:17.5%}.tail_c10{height:12%;margin-left:19%;position:absolute;top:73%;width:15%}.tail_c11{margin-left:39%;top:91%}.tail_c11,.tail_c12{height:8%;position:absolute;width:18%}.tail_c12{margin-left:72%;top:89%}@media (min-width:768px){.container{align-items:flex-start;flex-direction:row;justify-content:space-around}.story-section{flex:1 1;max-width:400px;padding:0;text-align:left}.image-container{flex:1 1;max-width:300px;padding:0 20px}.right{text-align:left}}h2{font-size:2rem;margin-bottom:10px}p{color:#555;font-size:1.1rem;line-height:1.6}strong{cursor:pointer;font-weight:700}strong:hover{text-decoration:underline}.portfolio-gallery-container{background:#0000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%}.portfolio-category-nav{background:#fffffff2;border-bottom:1px solid #0000001a;margin-bottom:40px;padding:20px 0}.portfolio-category-nav-inner{display:flex;gap:40px;justify-content:center;margin:0 auto;max-width:1200px;padding:0 20px}.portfolio-category-button{background:none;border:none;border-radius:8px;color:#6c757d;cursor:pointer;font-family:inherit;font-size:18px;font-weight:400;letter-spacing:.5px;padding:12px 24px;position:relative;transition:all .3s ease}.portfolio-category-button:hover{background:#0000000d;color:#495057}.portfolio-category-button.active{background:none;color:#212529;font-weight:500}.portfolio-category-button.active:after{background:#212529;bottom:-12px;content:"";height:1px;left:0;position:absolute;right:0}.portfolio-category-separator{grid-column:1/-1;margin:80px 0 60px;padding:0;position:relative;text-align:left}.portfolio-category-separator:first-child{margin-top:0}.portfolio-category-title{color:#1a1a1a;font-family:Georgia,Times New Roman,serif;font-size:32px;font-weight:400;letter-spacing:-.5px;line-height:1.2;margin:0 0 8px}.portfolio-category-subtitle{color:#666;font-family:system-ui,sans-serif;font-size:14px;font-weight:500;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.portfolio-category-description{color:#555;font-family:Georgia,Times New Roman,serif;font-size:16px;font-style:italic;line-height:1.4;margin:0;max-width:500px}.portfolio-category-line{background:linear-gradient(90deg,#1a1a1a,#0000);bottom:-30px;height:1px;left:0;position:absolute;width:60px}.portfolio-paintings-layout{background:linear-gradient(135deg,#fefefe,#f8f9fa);margin:0 auto;max-width:1400px;min-height:80vh;overflow:visible;padding:80px 60px 120px;position:relative}.portfolio-paintings-grid{grid-gap:70px 90px;align-items:start;display:grid;gap:70px 90px;grid-template-columns:1fr 1fr;overflow:visible;position:relative;z-index:1}.portfolio-painting-item{cursor:pointer;margin-bottom:40px;position:relative}.portfolio-painting-item.landscape{grid-column:span 2;margin-bottom:50px}.portfolio-painting-item.offset-right{justify-self:end}.portfolio-painting-item.offset-left{justify-self:start}.portfolio-painting-item img{border-radius:2px;box-shadow:0 8px 32px #00000014;display:block;height:auto;position:relative;transition:all .4s ease;width:100%;z-index:1}.portfolio-painting-item:hover img{box-shadow:0 16px 48px #0000001f;transform:translateY(-4px) scale(1.015)}.portfolio-medium-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #0000000d;border-radius:12px;color:#666;font-size:9px;font-weight:500;letter-spacing:.5px;opacity:0;padding:4px 8px;position:absolute;right:16px;text-transform:uppercase;top:16px;transform:translateY(-10px);transition:all .4s ease;z-index:3}.portfolio-painting-item:hover .portfolio-medium-badge{opacity:1;transform:translateY(0)}.portfolio-painting-title{bottom:-40px;color:#2a2a2a;cursor:pointer;font-family:Georgia,Times New Roman,serif;font-size:17px;font-style:italic;font-weight:400;left:0;letter-spacing:.4px;line-height:1.4;margin:0;padding:0;position:absolute;transition:all .4s ease}.portfolio-painting-item:hover .portfolio-painting-title{color:#1a1a1a;transform:translateY(-3px)}.portfolio-minimal-grid-layout{grid-gap:40px;align-items:start;background:#fff;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px;padding:60px 40px 120px}.portfolio-minimal-grid-item{background:#0000;margin-bottom:20px;position:relative}.portfolio-minimal-grid-item img,.portfolio-minimal-grid-item video{box-shadow:0 2px 8px #0000001a;cursor:pointer;display:block;height:auto;margin-bottom:12px;transition:all .3s ease;width:100%}.portfolio-minimal-grid-item:hover img,.portfolio-minimal-grid-item:hover video{box-shadow:0 4px 16px #00000026;transform:translateY(-4px) scale(1.015)}.portfolio-minimal-grid-label{background:#0000;color:#666;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.3;margin:0;padding:0;text-align:left;width:100%}.portfolio-minimal-grid-label-title{color:#333;display:block;font-size:12px;font-style:italic;margin-bottom:3px}.portfolio-minimal-grid-label-info{color:#666;font-size:10px;line-height:1.2}.portfolio-minimal-grid-label-line{display:block;margin-bottom:1px}.portfolio-video-overlay{border-radius:"50%";color:#333;left:50%;opacity:.8;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease}.back-to-top,.portfolio-video-overlay{align-items:center;background:#ffffffe6;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;width:50px}.back-to-top{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #0000001a;border-radius:50%;bottom:30px;box-shadow:0 4px 12px #00000026;color:#495057;opacity:0;position:fixed;right:30px;transform:translateY(20px);transition:all .3s ease;visibility:hidden;z-index:1000}.back-to-top.visible{opacity:1;transform:translateY(0);visibility:visible}.back-to-top:hover{background:#fff;box-shadow:0 6px 20px #0003;color:#212529;transform:translateY(-2px)}.back-to-top:active{transform:translateY(0)}@media (max-width:768px){.back-to-top{bottom:20px;height:45px;right:20px;width:45px}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:968px){.portfolio-category-nav-inner{gap:20px}.portfolio-category-button{font-size:16px;padding:10px 16px}.portfolio-paintings-layout{padding:60px 30px}.portfolio-paintings-grid{gap:60px;grid-template-columns:1fr}.portfolio-painting-item.landscape{grid-column:span 1;max-width:100%}.portfolio-painting-item.offset-left,.portfolio-painting-item.offset-right{justify-self:center;max-width:100%}.portfolio-painting-title{font-size:16px}.portfolio-minimal-grid-layout{grid-gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:40px 20px}.portfolio-minimal-grid-item{margin-bottom:15px}}.site-header{background-color:#9db0b2;box-shadow:0 2px 10px #0000001a;padding:20px 0 80px;position:relative;top:0;width:100%;z-index:1}.header-content{margin:0 auto;max-width:1200px;padding:0 20px}.main-nav ul{display:flex}.main-nav li{margin-right:30px}.main-nav a{color:#51466c;display:block;font-size:16px;font-weight:600;padding:10px 8px;position:relative;text-decoration:none;transition:color .5s ease}.main-nav a:after{background-color:var(--blue);bottom:0;box-shadow:0 2px 10px #0000001a;content:"";height:3px;left:0;position:absolute;transition:width .3s ease;width:0}.main-nav a.active,.main-nav a:hover{color:#060505}.main-nav a.active:after,.main-nav a:hover:after{width:100%}.main-nav a.active,.main-nav a:hover{color:var(--black)}.main-nav a.active{padding-left:10px}.hamburger{display:none}.hamburger span{height:3px}@media (max-width:600px){.site-header{padding:0}.header-content{align-items:flex-start;flex-direction:column;flex-wrap:wrap;margin:0}.hamburger{display:block;z-index:1001}.main-nav{flex-basis:100%;margin-bottom:10px;max-height:0;overflow:hidden;transition:max-height .3s ease}.main-nav.open{max-height:300px}.main-nav ul{flex-direction:column;padding-top:20px}.main-nav li{margin-bottom:10px;margin-right:0}.hamburger.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}}.header-content{align-items:center;display:flex;justify-content:space-between;padding:15px 20px}.hamburger{background:none;border:none;cursor:pointer;display:block;padding:10px}.hamburger span{background-color:#333;display:block;height:2px;margin:5px 0;transition:all .3s ease;width:25px}.main-nav{background-color:#a5b5b7f2;box-shadow:0 5px 10px #0000001a;left:0;padding:0 20px;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:transform .3s ease-in-out}.main-nav.open{transform:translateY(0)}.main-nav ul{list-style-type:none;margin:0;padding:0}.main-nav li{margin-bottom:15px}@media (min-width:600px){.hamburger{display:none}.main-nav{background-color:initial;box-shadow:none;padding:0;position:static;transform:none}.main-nav ul{display:flex}.main-nav li{margin-bottom:0;margin-right:20px}.main-nav a{font-size:50px;font-weight:600;padding:10px}}.show-mobile-menu .site-header{background-color:var(--gray);padding:0}.show-mobile-menu .main-nav{background-color:var(--gray)}.show-mobile-menu .main-nav a{color:var(--darkgreen)}.show-mobile-menu .main-nav a.active,.show-mobile-menu .main-nav a:hover{color:var(--black)}.show-mobile-menu .hamburger span{background-color:var(--darkblue)}@media screen and (orientation:landscape){.site-header,.sticky{position:static}}.resume{font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.cv-bg,.resume{background-color:#f5f5f5}.resume-item{background-color:#fff;box-shadow:0 2px 5px #0000001a;display:flex;margin-bottom:20px}.letter-box{align-items:center;background-color:var(--orange);color:#fff;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;padding:0 10px;width:50px}.content{flex-grow:1;padding:5px 15px 15px 5px}h2{color:#333;font-size:18px;margin:0}.date{color:#666;font-size:14px;margin:5px 0}.title{font-weight:700}.title,ul{margin:10px 0}ul{font-size:medium;padding-left:20px}li{margin-bottom:5px}.skills{margin-top:10px}.skill{background-color:#e0e0e0;border-radius:3px;display:inline-block;font-size:12px;margin-bottom:5px;margin-right:5px;padding:3px 8px}.statment_atwork{font-family:Quattrocento;font-size:medium;font-style:italic;font-weight:500;padding-top:20px}.personal-statement{background-color:#fff;border-left:4px solid var(--orange);box-shadow:0 4px 6px #0000001a;margin:40px 0;padding:30px 40px;position:relative}.personal-statement p{color:#333;font-size:18px;line-height:1.8;margin:0;max-width:800px;text-align:left}.personal-statement:after,.personal-statement:before{color:var(--orange);content:"\201C";font-size:60px;opacity:.4;position:absolute}.personal-statement:before{left:10px;top:10px}.personal-statement:after{bottom:-20px;right:10px}@media (max-width:480px){.personal-statement{margin:30px 0;padding:20px 30px}.personal-statement p{font-size:16px;line-height:1.6}}.job-card{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.job-card.fade-in{opacity:1;transform:translateY(0)}.education-section{background-color:#fff;box-shadow:0 2px 5px #0000001a;font-family:Arial,sans-serif;margin:20px auto;max-width:800px;padding:20px}.section-title{color:#333;font-size:24px;margin-bottom:20px}.certification-item,.education-item{align-items:center;display:flex;margin-bottom:15px}.cert-logo,.school-logo{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:50px;justify-content:center;margin-right:15px;width:50px}.umsl{background-color:#c41e3a}.tsnuk{background:#f5f5f5 url(/static/media/taras_shevchenko_national_university_of_kyiv_logo.3d1b3ffac4fe337a15a0.jpeg) no-repeat 50%}.coursera{background-color:#5a9bb1;font-size:8px}.education-details h3{color:#333;font-size:18px;margin:0}.certification-item p,.education-details p{color:#666;font-size:14px;margin:5px 0 0}.certification-item p{margin:0}@media (max-width:600px){.education-section{margin:8px;max-width:100%;padding:10px}.education-details h3{font-size:14px}.certification-item p,.education-details p{font-size:12px;margin:0}.cert-logo,.school-logo{height:30px;width:30px}.coursera,.school-logo,.tsnuk,.umsl{font-size:12px;height:21px;width:21px}}
/*# sourceMappingURL=main.71149983.css.map*/