@font-face{font-family:__Manjari_335a51;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/1470e7bda9a7bb77-s.woff2) format("woff2");unicode-range:U+0307,U+0323,U+0951-0952,U+0964-0965,U+0d00-0d7f,U+1cda,U+1cf2,U+200c-200d,U+20b9,U+25cc,U+a830-a832}@font-face{font-family:__Manjari_335a51;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/949e7f776b4ce85d-s.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Manjari_335a51;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/d6c56ab0cc092249-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Manjari_Fallback_335a51;src:local("Arial");ascent-override:71.73%;descent-override:35.87%;line-gap-override:0.00%;size-adjust:102.10%}.__className_335a51{font-family:__Manjari_335a51,__Manjari_Fallback_335a51;font-weight:400;font-style:normal}:root{--main-color:#6e85b7;--secondary-color:#b2c8df;--lighht-color:#c4d7e0;--yellow-color:#f8f9d7;--blue-color:#0b5ed7;--blue-gray:#607d8b;--yellow:#f1c40f;--gray:#424242;--bg:#eceff1}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:rgba(0,0,0,.87);font-family:Helvetica,Arial,sans-serif;font-size:14px;margin:0;padding:0}#contact-link{border:1px solid var(--yellow);border-radius:1em}#contact-link:hover{background-color:var(--yellow);color:#fff}.social{text-decoration:none;color:var(--blue-gray);margin-right:.5em}.social:hover{color:#333}.container{max-width:1200px;margin:0 auto}.bg-gray,header{background-color:var(--gray)}section.bg-yellow{background-color:var(--yellow)}header nav{display:flex;justify-content:flex-end;height:60px}header nav ul{list-style-type:none;display:inline}header nav ul li{float:left;padding:1em}header nav ul li a{text-transform:uppercase;color:#fff;text-decoration:none;display:inline-block;opacity:0;padding:.8em .6em .6em;animation:slideTop .5s ease forwards;animation-delay:calc(.1s * var(--i))}header nav ul li a:hover{color:var(--yellow);cursor:pointer}@media screen and (min-width:600px){header div.intro{height:450px}header .container{background-image:url(/assets/andrii-kro3.webp);background-repeat:no-repeat;background-position:100% 100%}header div.intro aside{height:450px;width:60%;background-image:url(/assets/quotes.png),url(/assets/quotes-flipped.png);background-repeat:no-repeat,no-repeat;background-position:left top 0,right bottom 2em;background-size:200px,200px}}@media screen and (max-width:600px){header div.intro aside{background-image:url(/assets/quotes.png),url(/assets/quotes-flipped.png);background-repeat:no-repeat,no-repeat;background-position:left top 1em,right bottom 1em;background-size:100px,100px;padding:2rem 0 0}.flex figure{align-items:center}.scrollable{overflow:scroll}}header div.intro aside{display:flex;flex-direction:column;justify-content:center;align-content:center}header h1{text-transform:uppercase;color:#fff;float:left}.header-lead{padding:0 3rem .4em;color:#fff;font-family:serif;font-size:calc(1.425rem + 2.2vw);margin-bottom:0;line-height:1em;animation:slideRight 1s ease forwards}header .primary{color:var(--yellow)}.header-secondary{padding:0 3rem;color:#fff;font-size:1.2em;line-height:1.4em;animation:slideLeft 1s ease forwards}h3{font-size:calc(1.625rem);text-align:center;padding:.5em 0 1em;text-transform:uppercase}.bg-gray h3{color:var(--yellow)}.bg-yellow h3{color:#333}.flex{display:flex}.flex-collumn{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row;justify-content:space-between;align-items:start}main>section{padding:2.5rem 0;overflow:hidden}#what-i-do .flex{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.flex figure{display:flex;flex-grow:1;flex-direction:column;justify-content:flex-start;max-width:19%;padding:1em;background-color:hsla(0,0%,100%,.35)}.flex figure img{align-self:center}.flex figure figcaption{text-align:center;font-weight:700;font-size:1rem;margin:.6em auto;color:var(--gray)}.flex figure p{flex-wrap:wrap;font-size:medium;line-height:1;color:var(--gray)}#projects .flex{flex-wrap:wrap;justify-content:space-around}#projects .flex .project{background-color:#fff;margin-bottom:1em;border-radius:.2em;position:relative}#projects .flex .project img{filter:grayscale(100%);background-color:var(--main-color);opacity:.5}.project .project-screenshot{border-radius:.2em .2em 0 0;display:block;overflow:hidden;max-height:251px}#projects .flex .project img{border-radius:.2em .2em 0 0;transform:scale(1)}#projects .flex .project a{text-decoration:none;color:#333}#projects .flex .project:hover img{background-color:#fff;transform:scale(1.1);transition:transform 2s ease-in-out;filter:none;-webkit-filter:none;opacity:1}#projects .flex .project-description{padding:1em}#projects .flex .project p{padding-left:1.2em;padding-bottom:.5em}.title{font-weight:700}.yellow{color:var(--yellow)}footer{color:#fff;text-align:center;padding:2.5rem 0}footer p{padding-bottom:1em}footer a:hover svg{color:var(--yellow)}@media (max-width:600px){#message,body{margin-top:0;background:#fff;box-shadow:none}header h1,header nav{display:none}header div.intro{max-width:100%;background:transparent}header .container{background-size:cover}header .header-secondary{padding-bottom:1rem}#badges{flex-direction:column;align-items:center}img.badge{max-width:100%;max-height:100%}#what-i-do .flex{flex-direction:row;flex-wrap:nowrap;overflow-x:scroll}#what-i-do .flex figure{min-width:50%}}@keyframes slideRight{0%{transform:translateX(-100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideLeft{0%{transform:translateX(100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideTop{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideBottom{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes zoomIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}