@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";
*,:before,:after{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:#020202 #f8f7f3;margin:0}body{-webkit-font-smoothing:antialiased;background-color:#fff;font-family:Outfit;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}ul{padding:0;list-style:none}a{text-decoration:none}body,html{overflow:visible}
::selection{color:#fff;background-color:#ff7992}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3{animation:.8s ease-out fadeInUp}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.header{position:relative}.header h1,.nav-hamburger a{transition:color .3s}.hamburger-btn,.close-btn{background:0 0;border:none}:is(.hamburger-btn,.close-btn) svg{width:25px;height:25px}.header-mobile h1,.cv h1,.menu-header h1{color:#121212;font-family:Satoshi;font-size:25px;font-style:italic;font-weight:700;line-height:30px}.cv a{color:#121212}.nav-hamburger ul{grid-template-columns:1fr;gap:10px;display:grid}.nav-hamburger a{letter-spacing:0;color:#090d1f;cursor:pointer;font-family:Satoshi;font-size:22px;font-weight:500;line-height:34px}.my-photo img{border-radius:20px;max-width:327px}.main-content{flex-direction:column;gap:20px;margin-bottom:30px;display:flex}main{background:url(/img/background-portfolio.png) 0 0/cover no-repeat;border-bottom:1.5px solid #141414;flex-direction:column;gap:20px;padding-inline:24px;animation:1s ease-in-out slideInLeft;display:flex}main h1{margin-block:16px;font-size:60px;font-weight:500;line-height:65px}main p{letter-spacing:0;font-size:16px;font-weight:300;line-height:30px}main .name{align-items:center;gap:20px;display:flex}.icon{justify-content:center;align-items:center;width:90px;height:90px;display:flex}.header-mobile{justify-content:space-between;align-items:center;padding:24px 20px;display:flex}body{padding-top:0}.menu-header h1{margin-block:24px}.hamburger-menu-overlay.block:before{content:"";z-index:10;background-color:#00000080;position:fixed;inset:0}.hamburger-menu-content{z-index:10;background:#fff url(/img/background-portfolio.png) 50%/cover no-repeat;grid-template-rows:max-content max-content max-content 1fr max-content;width:250px;height:100%;min-height:100vh;padding:28px 24px;transition:transform .4s ease-in-out;display:grid;position:fixed;top:0;right:0;transform:translate(100%)}.hamburger-menu-content.block{transform:translate(0)}.hamburger-menu-content.block svg{fill:#000}.hamburger-menu{z-index:11;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.nav-desktop{display:none}.nav-desktop h1{color:#121212;font-family:Satoshi;font-size:25px;font-style:italic;font-weight:700;line-height:30px}.hamburger-icon-none{display:none}.language-switcher div.active{color:#fff;background:#090d1f;font-weight:700}.language-switcher{display:inline-block;position:relative}.dropdown{cursor:pointer;-webkit-user-select:none;user-select:none;color:#000;background-color:#f7f8fd;border:none;border-radius:5px;width:100%;max-width:300px;padding:8px 12px;transition:all .3s;position:relative}.dropdown-menu{z-index:1;background-color:#fff;border:1px solid #ccc;border-radius:5px;flex-direction:column;width:100%;display:none;position:absolute;top:100%;left:0;box-shadow:0 10px 40px -7px #373f6859}.dropdown-menu.open{display:flex}.dropdown-item{letter-spacing:0;color:#647196;border-bottom:1px solid #3a437426;padding:12px 24px;font-family:Jost;font-size:16px;font-weight:400;line-height:23.12px}.dropdown li:last-child{border-bottom:none}.projectlist{grid-template-columns:1fr;gap:30px;display:grid}.myprojects{border-bottom:1.5px solid #141414;padding:24px;animation:1s ease-in-out slideInLeft}.myprojects h3{letter-spacing:0;margin-block:20px;font-family:Satoshi;font-size:32px;font-weight:500;line-height:40px}.myprojects p{letter-spacing:0;font-size:16px;font-weight:400;line-height:28px}.myprojects .projectstext{align-items:center;gap:20px;display:flex}.link-area{gap:20px;padding-top:20px;display:flex}.link-area a{letter-spacing:0;color:#121212;border:1.5px solid #141414;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:15px 7px;font-family:Satoshi;font-size:14px;font-weight:400;line-height:15px;transition:transform .3s ease-in-out;display:flex;position:relative}.link-area .arrow-icon{width:20px;height:20px}.myarticles{padding:24px;animation:1s ease-in-out slideInLeft}.star-icon,.contact-icon{justify-content:center;align-items:end;width:40px;height:40px;display:flex}.project-img img{object-fit:cover;cursor:pointer;border-radius:8px;width:100%;height:100%}.about-container{border-bottom:1.5px solid #141414;padding:24px;font-family:Outfit}.about-container h1{font-size:60px;font-weight:500;line-height:65px}.about-container h2{letter-spacing:0;margin-bottom:12px;font-size:32px;font-weight:500;line-height:42px}.about-container p{letter-spacing:0;font-size:16px;font-weight:300;line-height:30px}.headtext{cursor:pointer;color:#050505;justify-content:center;align-items:center;gap:20px;margin-bottom:24px;font-size:60px;font-weight:500;line-height:65px;display:flex}.myprojects h1,.myarticles h1,.myarticlespage h1{font-size:60px;font-weight:500;line-height:65px}.contact-text{cursor:pointer;justify-content:center;align-items:center;gap:20px;margin-bottom:24px;display:flex}.contact-text h1{color:#050505;font-size:60px;font-weight:500;line-height:65px}.about-list{grid-template-columns:1fr;gap:16px;display:grid}.about-list li{border:1.5px solid #141414;padding:25px}.about-item{color:#141414;background-position:50%;background-size:cover;border-radius:10px;margin-bottom:15px;padding:20px;transition:transform .3s ease-in-out}.articles{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#f7c6ec #c5f2f0;gap:50px;padding:20px;display:flex;overflow-x:auto}.articles::-webkit-scrollbar{display:none}.articles-item{scroll-snap-align:center;width:350px;transition:transform .3s;position:relative}.articles-item img{object-fit:cover;cursor:pointer;border-radius:8px;width:100%;height:400px;transition:opacity .3s,filter .3s}.articles-item h3{letter-spacing:0;color:#121212;margin-block:12px;font-family:Satoshi;font-size:20px;font-weight:500;line-height:25px}.articles-item a,.articles-item-link a{display:block;position:relative}.slider-container{width:100%;position:relative;overflow:hidden}.slider-track{gap:50px;width:max-content;padding-block:40px;animation:110s linear infinite scroll;display:flex}.slider-track.paused{animation-play-state:paused}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.myarticlespage{padding:24px;font-family:Outfit}.myarticlespage h3{letter-spacing:0;color:#000;margin-block:20px;font-family:Satoshi;font-size:32px;font-weight:500;line-height:40px}.myarticlespage .arrow-icon{border:1px solid #121212;border-radius:50px;justify-content:center;align-items:center;padding:1px 15px;display:flex}.myarticlespage .arrow-icon a{color:#121212}.myarticlespage .arrow-icon svg{max-width:30px;height:47px}.articles-page{grid-template-columns:1fr;gap:30px;display:grid}.articles-item-page{border:1.5px solid #393a3d77;border-radius:20px;padding:20px}.articles-info{align-items:end;gap:10px;display:flex}.project-item,.articles-item{background-color:#fff;border-radius:20px;padding:20px;box-shadow:0 0 20px #b6b7b977}.contact-page{background:url(/img/background-portfolio.png) 0 0/cover no-repeat;border-block:1.5px solid #141414;padding:24px;animation:1s ease-in-out slideInLeft}.contact-content p{letter-spacing:0;margin-block:30px;font-size:16px;font-weight:300;line-height:30px}.contact-content button{color:#fff;letter-spacing:0;cursor:pointer;background-color:#0e0e0e;border:none;border-radius:80px;grid-area:1/1/auto/span 2;padding:12px 25px;font-family:Satoshi;font-size:25px;font-style:italic;font-weight:400;line-height:35px;text-decoration:underline}.footer{grid-template-rows:auto auto;grid-template-columns:repeat(2,1fr);gap:30px;padding-bottom:30px;display:grid}.cv{cursor:pointer;grid-area:2/1/auto/2}.profiles{grid-area:2/2/auto/3;align-content:center}.profiles ul{justify-content:end;gap:20px;display:flex}.profiles li{cursor:pointer;width:25px;height:25px;transition:transform .3s ease-in-out}.theme-switch{align-items:flex-end;gap:16px;margin-top:50px;display:flex}.theme-switch svg{color:#121212;width:25px;height:35px}.switch{appearance:none;box-sizing:border-box;cursor:pointer;background-color:#fc92a6;border-radius:15px;width:50px;height:30px;padding:4px;transition:all .8s ease-in-out;display:inline-flex}.switch:after{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .4s ease-out,opacity .3s linear}.switch:checked:after{transform:translate(100%)}@media (min-width:768px){body{padding-top:132px}.nav-desktop{z-index:1000;-webkit-backdrop-filter:blur(10px);background-color:#ffffffe4;border-bottom:1.5px solid #141414;justify-content:space-between;align-items:center;width:100%;padding-block:30px;padding-inline:39.5px;transition:background-color .3s;display:flex;position:fixed;top:0}.hamburger-menu-overlay,.hamburger-menu,.header-mobile h1,.header-mobile{display:none}header h1,.cv h1,.nav-desktop h1{font-size:28px}.main-content{flex-direction:row;gap:60px;margin-bottom:30px;display:flex}main{padding-inline:39.5px}main h1{margin-block:25px;font-size:62px}main p{margin-bottom:25px;font-size:18px;line-height:35px}main .name{gap:40px}.icon{width:100px;height:100px}.nav-adres{display:flex}.nav-adres ul{gap:15px;display:flex}.nav-adres a{letter-spacing:0;color:#090d1f;font-family:Satoshi;font-size:18px;font-weight:500;line-height:25px}.nav-adres a:hover{color:#ff6a88}.nav-adres a:after{content:"";width:0%;height:2px;transition:width .3s ease-in-out;position:absolute;bottom:-3px;left:0}.nav-adres a:hover:after{width:100%}.about-container,.myprojects,.myarticles,.myarticlespage,.contact-page{padding:80px}.articles-page{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.about-container h2{letter-spacing:0;margin-bottom:12px;font-size:32px;font-weight:500;line-height:42px}.about-container p{letter-spacing:0;font-size:20px;font-weight:300;line-height:30px}.about-list{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.about-list li{border:1.5px solid #141414;padding:25px}.projectlist{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.myprojects h1{margin-bottom:24px;font-family:Outfit;font-size:60px;font-weight:500;line-height:65px}.myprojects h3{letter-spacing:0;margin-block:20px;font-family:Satoshi;font-size:32px;font-weight:500;line-height:40px}.myprojects p{letter-spacing:0;font-size:16px;font-weight:400;line-height:28px}.myprojects .projectstext{align-items:center;gap:20px;display:flex}.star-icon,.contact-icon{width:40px;height:40px}.articles{gap:70px;padding:30px}.articles-info{gap:20px}.articles-item{width:450px}.cv{align-content:center}.contact-content p{margin-block:40px;font-size:18px;line-height:35px}.contact-content button{padding:16px 30px;font-size:30px}.profiles ul{gap:30px}.profiles li{width:35px;height:35px}.footer{justify-content:space-between;gap:30px;padding-bottom:30px;display:flex}.theme-switch{gap:10px;margin-top:0}.theme-switch svg{width:20px;height:20px}.button-area{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.switch{width:35px;height:20px}.switch:after{width:10px;height:10px}.switch:checked:after{transform:translate(180%)}.dropdown-item:hover{color:#ff6a88}.project-img:hover{background:url(/img/eye.png) 50%/50px 50px no-repeat}.project-img:hover img{opacity:.6}.about-item:hover{transform:scale(1.03)}.bg-career:hover{background-color:#fde9c8}.bg-projects:hover{background-color:#fc92a6}.bg-learning:hover{background-color:#f7c6ec}.bg-future:hover{background-color:#c5f2f0}.link-area a:hover{background-color:#f7c6ec;transform:translateY(-5px)}.articles-item a:hover img,.articles-item-link a:hover img{opacity:.2;filter:brightness(50%)}.articles-item a:after,.articles-item-link a:after{content:"";opacity:0;background:url(/img/eye.png) 50%/contain no-repeat;width:50px;height:50px;transition:opacity .3s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.articles-item a:hover:after,.articles-item-link a:hover:after{opacity:1}.myarticlespage .arrow-icon:hover{background:radial-gradient(50% 50%,#a57ef8 1.97%,#eaeff5 98.43%)}.project-item:hover,.articles-item:hover{transition:all .3s ease-in-out;transform:scale(1.03)}.contact-content button:hover{color:#ffdd2d}.cv:hover{transition:all .3s ease-in-out;transform:scale(1.3)}.profiles li:hover{transform:scale(1.2)}}@media (min-width:1440px){body{padding-top:100px}.nav-desktop{padding-inline:80px}.hamburger-menu-overlay,.hamburger-menu{display:none}.main-content{flex-direction:row;gap:140px;margin-bottom:30px;display:flex}main{padding-inline:80px}main p{margin-bottom:30px;font-size:30px;line-height:55px}main .name{gap:80px}.icon{width:120px;height:120px}.nav-adres ul{gap:45px}.nav-adres a{font-size:25px}.articles-page,.projectlist{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.articles{gap:80px}.articles-info{gap:30px}.articles-item{width:480px}.contact-content p{margin-block:40px;font-size:30px;line-height:50px}.contact-content button{padding:20px 35px;font-size:32px}.profiles ul{gap:40px}.profiles li{width:45px;height:45px}.theme-switch{gap:10px;margin-top:0}.theme-switch svg{width:25px;height:25px}.button-area{flex-direction:row;gap:40px}.switch{width:45px;height:25px}.switch:after{width:15px;height:15px}.switch:checked:after{transform:translate(145%)}}