*{margin:0;padding:0;box-sizing:border-box}body{background-color:#fff}h1{font-size:max(3.6vw,32px)}h2{font-size:max(3vw,28px)}h3{font-size:max(2.4vw,24px)}h4{font-size:max(1.8vw,20px)}h5{font-size:max(1.2vw,16px)}h6{font-size:max(.833vw,14px)}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;letter-spacing:-.3px}p{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400}a{font-family:Inter,sans-serif;font-weight:400;text-decoration:none;color:#fff}ul,ol,ol li,ul li{text-decoration:none;list-style:none}.container{padding:0 max(3.125vw,24px)}.little-title{background-color:#f2f4f7;width:fit-content;padding:8px 14px;border-radius:40px;margin-bottom:max(1.25vw,18px);font-weight:500}@media(max-width:1024px){#journey,#about,#projects,#contact{padding-left:80px!important;padding-right:80px!important}}@media(max-width:800px){#journey,#about,#projects,#contact{padding-left:16px!important;padding-right:16px!important}}.app-content{opacity:0}.app-content.visible{opacity:1}html{scroll-behavior:smooth}.banner{display:flex;align-items:center;justify-content:center;flex-flow:column;height:100vh;background:linear-gradient(to bottom,#007a91,#0091a6,#8ebec4);mask:linear-gradient(180deg,#000000 0%,rgb(0,0,0) 85%,rgba(0,0,0,0) 100%) add}.banner .wrapper{position:relative}.banner .wrapper .img-wrapper{mask:linear-gradient(180deg,#000000 0%,rgb(0,0,0) 65%,rgba(0,0,0,0) 100%) add;position:absolute;height:500px;width:500px;top:40%;left:50%;transform:translate(-50%,-50%);overflow:hidden;background-image:url(/assets/portret-1000x1000-BT6AaYOi.webp);background-position:top;background-repeat:no-repeat;background-size:cover;margin-bottom:20px}.banner h1,.banner h1 span{line-height:.9;text-transform:uppercase;font-family:Big Shoulders,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-style:normal;color:#fff;font-weight:900}.banner h1.upper-text{font-size:280px}.banner h1.bottom-text{font-size:260px;line-height:.9;text-transform:uppercase;font-family:Big Shoulders,sans-serif;font-weight:900;color:transparent;-webkit-text-stroke:6px #fff;text-stroke:6px #fff;position:relative;z-index:3}@media(max-width:1400px){.banner h1.upper-text{font-size:200px}.banner h1.bottom-text{font-size:180px;-webkit-text-stroke:4px #fff;text-stroke:4px #fff}.banner .wrapper .img-wrapper{width:380px;height:380px}}@media(max-width:992px){.banner h1.upper-text{font-size:150px}.banner h1.bottom-text{font-size:140px;-webkit-text-stroke:4px #fff;text-stroke:4px #fff}.banner .wrapper .img-wrapper{width:300px;height:300px;top:45%}}@media(max-width:768px){.banner{padding:100px 0}.banner h1.upper-text{font-size:100px}.banner h1.bottom-text{font-size:100px;-webkit-text-stroke:3px #fff;text-stroke:3px #fff}.banner .wrapper .img-wrapper{width:240px;height:240px;top:30%}}@media(max-width:480px){.banner h1.upper-text{font-size:90px}.banner h1.bottom-text{font-size:90px;-webkit-text-stroke:2px #fff;text-stroke:2px #fff}.banner .wrapper .img-wrapper{width:300px;height:250px;top:20%}}.banner h1.upper-text span{display:inline-block;transform:translateY(50px);opacity:0;animation:riseUp 1s forwards}.banner h1.upper-text span:nth-child(1){animation-delay:0s}.banner h1.upper-text span:nth-child(2){animation-delay:.1s}.banner h1.upper-text span:nth-child(3){animation-delay:.2s}.banner h1.upper-text span:nth-child(4){animation-delay:.3s}.banner h1.upper-text span:nth-child(5){animation-delay:.4s}.banner h1.upper-text span:nth-child(6){animation-delay:.5s}.banner h1.upper-text span:nth-child(7){animation-delay:.6s}@keyframes riseUp{to{transform:translateY(0);opacity:1}}.banner h1.bottom-text{display:inline-block;transform:translateY(50px);opacity:0;animation:riseUp 2s forwards;animation-delay:.7s}.banner .wrapper .img-wrapper{opacity:0;animation:fadeOut 2s forwards;animation-delay:.6s}@keyframes fadeOut{to{opacity:1}}.bottom-navbar{position:fixed;bottom:40px;left:50%;z-index:99;padding:16px;border-radius:16px;background-color:#000;color:#fff;width:fit-content;display:flex;align-items:center;gap:8px;box-shadow:0 0 20px #00000063;transform:translate(-50%,100px);opacity:0;transition:transform .5s ease,opacity .5s ease}.bottom-navbar.show{transform:translate(-50%,-50%);opacity:1}.bottom-navbar .signature .signature-wrapper{height:20px;width:24px;gap:4px}.bottom-navbar .signature .signature-wrapper span{height:4px;background-color:#fff;display:block;border-radius:4px}.bottom-navbar ul{display:flex;align-items:center;gap:24px;max-width:0;overflow:hidden;opacity:0;transition:all .3s ease}.bottom-navbar ul li a{font-size:max(.833vw,14px);transition:all .3s ease;color:#fff}.bottom-navbar ul li a:hover{color:#ffffff8a}.bottom-navbar .hamburger{position:relative;height:15px;width:15px;background:none;border:none;cursor:pointer}.bottom-navbar .hamburger span{height:24px;width:100%;background-color:#fff;border-radius:24px;position:absolute;left:50%;transform:translate(-50%);transition:.3s ease}.bottom-navbar .hamburger span:nth-child(1){width:3px;height:100%;top:50%;transform:translate(-50%,-50%)}.bottom-navbar .hamburger span:nth-child(2){height:3px;top:50%;transform:translate(-50%,-50%)}.bottom-navbar.open{padding:16px 32px;gap:40px}.bottom-navbar.open ul{max-width:500px;opacity:1}.bottom-navbar.open .hamburger span:nth-child(1){transform:translate(-50%,-50%) rotate(90deg)}.bottom-navbar.open .hamburger span:nth-child(2){transform:translate(-50%,-50%) rotate(0)}@media(min-width:1021px){.bottom-navbar{padding:16px 32px;gap:40px}.bottom-navbar ul{max-width:500px!important;opacity:1!important;overflow:visible}.bottom-navbar .hamburger{display:none}}@media(max-width:1020px){.bottom-navbar ul{max-width:0;opacity:0;overflow:hidden}.bottom-navbar.open ul{max-width:500px;opacity:1;overflow:visible}}@media(max-width:800px){.bottom-navbar.open{padding:16px}.bottom-navbar.open{gap:12px}.bottom-navbar ul{gap:8px}.bottom-navbar ul li a{font-size:12px}}.loader-overlay{position:fixed;inset:0;width:100%;height:100%;background:#fff;display:flex;justify-content:center;align-items:center;z-index:9999;animation:loaderExit .2s ease-in-out 4.5s forwards}.loader-text{position:relative;width:100%;height:80px;overflow:hidden;text-align:center}.loader-line{position:absolute;inset:0;font-family:Big Shoulders,sans-serif;display:flex;align-items:center;justify-content:center;font-size:max(3.6vw,32px);font-weight:500;color:#000;white-space:nowrap;transform:translateY(100%);opacity:0}.loader-line:nth-child(1){animation:textOne 1.5s ease-in-out forwards}@keyframes textOne{0%{transform:translateY(100%);opacity:0}20%{transform:translateY(0);opacity:1}70%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.loader-line:nth-child(2){animation:textTwo 1.5s ease-in-out 1.5s forwards}@keyframes textTwo{0%{transform:translateY(100%);opacity:0}20%{transform:translateY(0);opacity:1}70%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.loader-line:nth-child(3){animation:textThree 1.5s ease-in-out 3s forwards}@keyframes textThree{0%{transform:translateY(100%);opacity:0}20%{transform:translateY(0);opacity:1}70%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes loaderExit{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.navbar-wrapper{position:absolute;top:0;left:0;right:0;z-index:9;padding:max(1.042vw,16px) max(2.083vw,16px);display:flex;justify-content:space-between;align-items:center;background:none}.navbar-wrapper .name,.navbar-wrapper .header-animation,.navbar-wrapper .signature{width:33.33333%}.navbar-wrapper .name h5{color:#fff;font-weight:400;margin-bottom:max(.208vw,0px)}.navbar-wrapper .name h6{color:#ffffff7a}.signature{display:flex;align-items:center;justify-content:center}.signature .signature-wrapper{position:relative;height:max(2.083vw,20px);width:max(2.083vw,32px);display:flex;justify-content:center;gap:max(.365vw,4px);flex-flow:column;border:none;background:none}.signature .signature-wrapper span{transition:all .5s ease;height:4px;background-color:#fff;border-radius:20px}.signature .signature-wrapper span:nth-child(1){width:100%}.signature .signature-wrapper span:nth-child(2){width:50%}.signature .signature-wrapper span:nth-child(3){width:80%}.signature .signature-wrapper:hover span:nth-child(1){width:70%}.signature .signature-wrapper:hover span:nth-child(2){width:85%}.signature .signature-wrapper:hover span:nth-child(3){width:50%}.navbar-wrapper .header-animation{display:flex;align-items:end;flex-flow:column;font-weight:700}.navbar-wrapper .header-animation a{font-size:max(.833vw,12px);background-color:#fff;padding:max(.625vw,8px) max(1.25vw,16px);border-radius:24px;color:#000;font-weight:600;transition:all .3s ease}.navbar-wrapper .header-animation a:hover{background-color:#ffffffb3;color:#000000b7}.navbar-wrapper .header-animation a:active{background-color:#fff;color:#000}#projects{padding:max(5.208vw,60px) max(12.417vw,16px)}#projects .projects-title{margin-bottom:max(1.667vw,18px)}#projects .projects-title .title{font-size:max(4.167vw,40px);font-weight:500;margin:0!important;line-height:1;letter-spacing:max(-.313vw,-4px);word-spacing:max(-.313vw,-4px)}#projects .project-wrapper{display:flex;flex-wrap:wrap;gap:8px}#projects .project-wrapper .project-item{display:flex;width:calc(33.333% - 6px);height:350px;background-position:center;background-size:cover;border-radius:16px}#projects .project-wrapper .project-item .project-content{padding:24px;display:flex;flex-flow:column;justify-content:end;position:relative;width:100%}#projects .project-wrapper .project-item .project-content:before{content:"";position:absolute;top:0;left:0;background:linear-gradient(to bottom,#bcbcbc00 0% 70%,#282828cc);height:100%;width:100%;border-radius:16px}#projects .project-wrapper .project-item .project-content h6{color:#fff;font-size:24px;font-weight:600;z-index:1}#projects .project-wrapper .project-item .project-content h5{font-size:14px;color:#fff;z-index:1}@media(max-width:1024px){#projects .project-wrapper .project-item{width:calc(50% - 4px);height:390px}}@media(max-width:600px){#projects .project-wrapper .project-item{width:100%;height:350px;background-size:400px;background-repeat:no-repeat}}.animated-title{display:inline-flex;justify-content:center;letter-spacing:-.02em}.letter{opacity:0;transform:translateY(30px);transition-property:opacity,transform,filter;transition-timing-function:ease}.letter.show{opacity:1;transform:translateY(0)}#about{padding:max(5.208vw,60px) max(12.417vw,16px)}#about .about-wrapper{display:flex;align-items:center;gap:24px;margin-bottom:80px}#about .about-wrapper .img-wrapper{width:45%;position:relative;display:flex;align-items:center;justify-content:center}#about .about-wrapper .img-wrapper .wrapper{height:250px;width:250px}#about .about-wrapper .img-wrapper .wrapper .logo{position:absolute;background-color:#f2f4f7;border-radius:200px;height:100px;width:100px;box-shadow:0 0 10px #8f8f8f6d}#about .about-wrapper .img-wrapper .wrapper .react-logo{right:60px}#about .about-wrapper .img-wrapper .wrapper .js-logo{top:20px;left:40px}#about .about-wrapper .img-wrapper .wrapper .html-logo{bottom:0;left:60px}#about .about-wrapper .img-wrapper .wrapper .css-logo{bottom:0;right:80px}#about .about-wrapper .img-wrapper .wrapper .portret-img{height:100%;width:100%;object-fit:cover;border-radius:500px;background-color:#f2f4f7}#about .about-wrapper .content-wrapper{width:55%}#about .about-wrapper .content-wrapper .title{margin-bottom:24px}#about .about-wrapper .content-wrapper .title h1{font-size:max(4.167vw,40px);margin:0;font-weight:500;margin:0!important;line-height:1;letter-spacing:max(-.313vw,-4px);word-spacing:max(-.313vw,-4px)}#about .about-wrapper .content-wrapper p{font-family:Inter,sans-serif;margin-bottom:max(.938vw,16px);letter-spacing:-1px;color:#0000009c}#about .about-wrapper .content-wrapper a{display:inline-block;font-size:max(.833vw,12px);background-color:#000;padding:max(.833vw,12px) max(1.25vw,16px);border-radius:24px;color:#fff;transition:all .3s ease}#about .about-wrapper .content-wrapper a:hover{background-color:#000000a1}#about .about-wrapper .content-wrapper a:active{background-color:#000}#about .about-paragraph{display:flex;gap:max(1.25vw,18px)}#about .about-paragraph p{font-size:16px;font-family:Inter,sans-serif;letter-spacing:-1px;word-spacing:3px}#about .about-paragraph p.first-paragraph{width:45%}#about .about-paragraph .first-paragraph:first-letter{font-size:48px;float:left;font-weight:700;line-height:38px;text-transform:uppercase}#about .about-paragraph .second-paragraph{width:55%}@media(max-width:1020px){#about .about-wrapper{flex-wrap:wrap;margin-bottom:40px}#about .about-wrapper .content-wrapper,#about .about-wrapper .img-wrapper{width:100%}}@media(max-width:600px){#about .about-paragraph{flex-wrap:wrap}#about .about-paragraph p{width:100%!important}}#skills{overflow:hidden;padding:max(5.208vw,60px) 0}#skills .skills-animation h1{font-size:100px;line-height:.9;text-transform:uppercase;font-family:Big Shoulders,sans-serif;font-weight:900;text-wrap:nowrap;transform:rotate(-3deg)}#skills .skills-animation h2{font-size:100px;line-height:.9;text-transform:uppercase;font-family:Big Shoulders,sans-serif;font-weight:900;color:transparent;-webkit-text-stroke:2px #000;text-wrap:nowrap;transform:rotate(-3deg)}#skills .skill-table{padding-top:max(5.208vw,60px)}#skills .skill-table{width:40%;margin:auto;display:flex;justify-content:space-between;gap:max(2.083vw,18px)}#skills .skill-table .skill-table-item{width:100%;margin:auto;display:flex;justify-content:space-between}#skills .skill-table .skill-table-item ul{width:100%}#skills .skill-table .skill-table-item ul li{display:flex;align-items:center;justify-content:space-between;padding:max(1.25vw,18px) 0}#skills .skill-table .skill-table-item ul li{border-top:1px solid #0000001f}#skills .skill-table .skill-table-item ul li:last-child{border-bottom:1px solid #0000001f}#skills .skill-table .skill-table-item ul li h6{font-weight:600}#skills .skill-table .skill-table-item ul li>h6:last-child{color:#00000052}@media(max-width:1020px){#skills .skills-animation h2,#skills .skills-animation h1{font-size:60px}#skills .skill-table{width:60%}}@media(max-width:600px){#skills .skill-table{width:100%;padding-left:16px;padding-right:16px}}#journey{padding:max(5.208vw,60px) max(12.417vw,16px);margin-bottom:40px}#journey .journey-title{margin-bottom:max(2.083vw,24px)}#journey .journey-title .title{font-size:max(4.167vw,40px);margin:0;font-weight:500;margin:0!important;line-height:1;letter-spacing:max(-.313vw,-4px);word-spacing:max(-.313vw,-4px)}#journey .experience-wrapper{display:grid;grid-auto-flow:column;grid-auto-columns:1fr}#journey .experience-data{display:grid;grid-template-rows:1fr auto 1fr;align-items:center}#journey .line-wrapper{grid-row:2;display:flex;align-items:center}#journey .line{height:2px;width:100%;background-color:#000}#journey .round{width:15px;height:15px;border-radius:50%;background:#000;flex-shrink:0}#journey .experience-data .experience-description{margin-bottom:12px}#journey .experience-data .experience-description h4{letter-spacing:-2px;word-spacing:2px}#journey .experience-data .experience-description h5{letter-spacing:-1px}#journey .experience-data .experience-description h5:nth-child(2){color:#0000008f}#journey .experience-data .experience-description p{letter-spacing:-1px;word-spacing:1px;margin-bottom:6px}@media(max-width:600px){#journey .experience-wrapper{position:relative;grid-auto-flow:row;row-gap:60px}#journey .experience-wrapper:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#000;transform:translate(-50%);z-index:1}#journey .experience-data{display:grid;grid-template-columns:1fr 40px 1fr;grid-template-rows:auto auto auto auto;position:relative}#journey .line-wrapper{grid-column:2;grid-row:1 / 2;display:flex;justify-content:center;align-items:flex-start}#journey .round{position:relative;z-index:2;margin-top:0}#journey .line{display:none}#journey .experience-description{grid-column:1;grid-row:1 / -1;text-align:right;padding-right:12px}#journey .experience-data:nth-child(2n) .experience-description{grid-column:3;text-align:left;padding-left:12px}#journey .experience-data>div:empty{display:none}}#contact{padding:max(5.208vw,60px) max(12.417vw,16px);margin-bottom:100px}#contact .contact-wrapper{display:flex;justify-content:space-between}#contact .contact-wrapper .big-text{width:30%;position:relative}#contact .contact-wrapper .big-text h1{font-size:120px;margin:0;line-height:.8;font-family:Big Shoulders,sans-serif;position:relative}#contact .contact-wrapper .big-text h1:nth-child(2){right:-30px}#contact .contact-wrapper .big-text h1:nth-child(3){right:50px}#contact .contact-wrapper .big-text h1:nth-child(4){top:-10px;right:-40px}#contact .contact-wrapper .contact-description{width:50%}#contact .contact-wrapper .contact-description a.email{font-size:max(2.646vw,18px);margin:0;font-weight:500;margin:0!important;line-height:1;letter-spacing:max(-.313vw,-1px);word-spacing:max(-.313vw,-4px);color:#000;border-bottom:1px solid #000;padding-bottom:4px}#contact .contact-wrapper .contact-description .icons{margin-top:40px;margin-bottom:80px;display:flex;gap:20px}#contact .contact-wrapper .contact-description .icons a{height:40px;width:40px;color:#000;display:flex;align-items:center;gap:8px;width:fit-content}#contact .contact-wrapper .contact-description .icons a img{height:100%;width:100%}#contact .contact-wrapper .contact-description p{font-size:max(.833vw,14px);font-family:Inter,sans-serif;letter-spacing:-1px;word-spacing:3px}#contact .big-text h1{opacity:0}#contact .big-text h1:nth-child(odd){transform:translate(-120px)}#contact .big-text h1:nth-child(2n){transform:translate(120px)}#contact .big-text.is-visible h1{opacity:1;transform:translate(0);transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .8s ease}#contact .big-text.is-visible h1:nth-child(1){transition-delay:0s}#contact .big-text.is-visible h1:nth-child(2){transition-delay:.15s}#contact .big-text.is-visible h1:nth-child(3){transition-delay:.3s}#contact .big-text.is-visible h1:nth-child(4){transition-delay:.45s}@media(max-width:1024px){#contact .contact-wrapper .big-text h1{font-size:90px}}@media(max-width:900px){#contact .contact-wrapper .big-text h1{font-size:80px}#contact .contact-wrapper .big-text{width:35%}}@media(max-width:600px){#contact .contact-wrapper{flex-flow:column-reverse;align-items:center}#contact .contact-wrapper .contact-description{width:100%;display:flex;flex-flow:column-reverse}#contact .contact-wrapper .big-text{overflow:hidden;width:100%;margin-bottom:40px;align-items:center;display:flex;flex-flow:column}#contact .contact-wrapper .big-text{height:270px}#contact .contact-wrapper .contact-description .icons{margin-top:20px;margin-bottom:20px}#contact .contact-wrapper .contact-description .icons a{font-size:14px}#contact .contact-wrapper .contact-description .icons a img{height:30px;width:30px}#journey{margin-bottom:0}}