@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat&display=swap";.header-container{width:100%;height:80px;background-color:#fff;display:flex;border-bottom:1px solid rgb(221,221,221);animation:fadePicture 1.5s forwards;animation-delay:1.6s;opacity:0;position:fixed;top:0;left:0;z-index:10}.nav-container{width:100%;display:flex;justify-content:space-evenly;align-items:center}@media (max-width: 768px){.nav-container{flex-direction:column;gap:.8rem;height:auto;padding:.5rem 0}.header-container{height:110px}}@media (max-width: 425px){.nav-container{flex-direction:column;gap:.6rem}}@media (max-width: 320px){.nav-container{flex-direction:column;gap:.5rem}}.navlinks-container{display:flex;text-decoration:none;list-style-type:none;flex-direction:row;align-items:center;gap:2rem}.navlinks-title{color:#242938;font-size:18px;text-decoration:none;margin-right:.5rem;cursor:pointer;font-family:montserrat,sans-serif;font-weight:600;letter-spacing:1.4px}.navlinks-title a{text-decoration:none;color:inherit}.navlinks-title:hover{color:#0a66c2;transform:scale(1.1) ease-in-out}@media (max-width: 768px){.navlinks-title{font-size:18px}}@media (max-width: 425px){.navlinks-title{font-size:14px}}@media (max-width: 320px){.navlinks-title{font-size:12px}}.navikons-container{display:flex;gap:2rem}.navikon{width:40px;height:40px;margin:.4rem}.homepage-wrapper{width:100vw;min-height:100vh;background-color:#f3f4f4;display:flex;justify-content:center;align-items:center;overflow-x:hidden}.homepage-container{width:100%;max-width:1400px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:5rem;text-align:center;position:relative}.homepage-img{width:400px;height:auto;opacity:0;animation:fadePicture 1.5s forwards;animation-delay:1.6s;transition:.5s ease-in-out;border-radius:8px;margin-bottom:5rem;box-shadow:0 8px 12px #0000001a}.homepage-titleContainer{z-index:2;margin-top:2rem;width:680px;text-align:left}.homepage-title,.homepage-start{color:#242938;opacity:0;position:relative;animation:titleSlideIn 1s forwards}.homepage-title{font-family:montserrat,sans-serif;animation-delay:.5s;font-size:20px;color:#212121}.homepage-start{font-family:montserrat,sans-serif;letter-spacing:1.4px;animation-delay:1s;font-size:20px;color:#212121}.homepage-name{animation-delay:1.5s;font-size:46px;color:#242938}.homepage-role{color:#242938;font-size:60px;opacity:0;animation:fadePicture 1.5s forwards;animation-delay:1.6s;font-family:montserrat,sans-serif;margin-bottom:3rem}.homepage-skills{opacity:0;animation:fadePicture 1.5s forwards;animation-delay:1.6s}.homepage-skill__title{color:#242938;margin-bottom:1rem;font-size:36px;margin-top:15rem;font-family:montserrat,sans-serif}.homepage-skill__info{color:#242938;margin-bottom:1rem;font-size:18px;font-family:montserrat,sans-serif;display:none}.homepage-skill__icons-container{display:flex;gap:.5rem;cursor:pointer;padding-bottom:2rem;flex-wrap:wrap}.homepage-skill__icons:hover{transform:scale(1.2);transition:.3s ease-in-out}@keyframes titleSlideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadePicture{0%{opacity:0}to{opacity:1}}@media (max-width: 1024px){.homepage-container{flex-direction:column;gap:0rem;text-align:center}.homepage-titleContainer{width:90%;margin-top:1rem}.homepage-img{width:300px;margin-bottom:3rem;margin-top:8rem}.homepage-role{font-size:48px}.homepage-name{font-size:36px}.homepage-skill__title{font-size:28px;margin-top:10rem}.homepage-skill__info{font-size:16px}}@media (max-width: 480px){.homepage-container{margin-top:1rem;gap:0rem}.homepage-img{width:220px;margin-top:8rem;margin-bottom:2rem}.homepage-titleContainer{width:95%}.homepage-role{font-size:36px;margin-bottom:2rem}.homepage-name{font-size:28px}.homepage-title,.homepage-start{font-size:16px}.homepage-skill__title{font-size:24px;margin-top:4rem}.homepage-skill__info{font-size:14px;display:none}.homepage-skill__icons-container{display:flex;flex-wrap:wrap}.homepage-skill__icons{width:30px;height:30px}}@media (max-width: 425px){.homepage-img{width:220px;margin-top:7rem;margin-bottom:2rem}.homepage-role{font-size:36px}.homepage-name{font-size:28px}.homepage-title,.homepage-start{font-size:18px}.homepage-skill__title{font-size:24px;margin-top:4rem}.homepage-skill__info{font-size:14px;display:none}.homepage-skill__icons{width:30px;height:30px}}.aboutpage-wrapper{width:100vw;min-height:100vh;background-color:#fff;display:flex;justify-content:center;align-items:center;padding:4rem 1rem;box-sizing:border-box}.aboutpage-container{width:100%;max-width:1400px;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:2rem;text-align:left}.aboutpage-img__container{flex:.9;max-width:500px;overflow:hidden;position:relative;border-radius:.5rem}.aboutpage-img{width:100%;height:auto;max-height:380px;object-fit:cover;border-radius:.5rem}.aboutpage-text__container{flex:1.1}.aboutpage-text{letter-spacing:1px;line-height:1.6rem;color:#242938;font-family:montserrat,sans-serif;font-size:18px}.aboutpage-title{font-family:montserrat,sans-serif;color:#242938;font-size:36px;margin-bottom:2rem;text-align:center}@media (max-width: 1024px){.aboutpage-container{flex-direction:column;align-items:center;text-align:left;gap:2rem}.aboutpage-img__container{max-width:400px}.aboutpage-img{max-height:300px}.aboutpage-text__container{width:90%}.aboutpage-text{font-size:16px}.aboutpage-title{font-size:30px}}@media (max-width: 480px){.aboutpage-container{gap:1.5rem}.aboutpage-img__container{max-width:300px}.aboutpage-img{max-height:220px}.aboutpage-text__container{width:100%}.aboutpage-text{font-size:18px}.aboutpage-title{font-size:24px;text-align:left}}@media (max-width: 320px){.aboutpage-img__container{max-width:220px}.aboutpage-img{max-height:300px}.aboutpage-text{font-size:14px}.aboutpage-title{font-size:20px}}#projekt{scroll-margin-top:100px}.projectpage-wrapper{background-color:#f3f4f4;width:100%;min-height:280vh;display:flex;flex-direction:column;align-items:center;padding:3rem .5rem 20rem;box-sizing:border-box}.projectpage-header{width:100%;max-width:1400px;text-align:left;margin-bottom:3rem}.projectOne,.projectTwo,.projectThree{display:flex;align-items:center;justify-content:center;max-width:1400px;width:100%;gap:2rem;position:relative}.project-headline{font-size:36px;margin-bottom:1rem}.project-title{font-size:30px;margin-bottom:1rem}.project-text{font-size:18px}.project-headline,.project-info,.project-title,.project-text{font-family:montserrat,sans-serif}.projectOne+.projectTwo,.projectTwo+.projectThree{margin-top:15rem}.projectOne-text,.projectTwo-text,.projectThree-text{flex:1;text-align:left;padding-right:2rem;letter-spacing:1.4px;line-height:1.4rem}.projectOne-skill__container,.projectTwo-skill__container,.projectThree-skill__container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:2rem}.projectOne-skill__one,.projectOne-skill__two,.projectOne-skill__three,.projectOne-skill__four,.projectOne-skill__five,.projectTwo-skill__one,.projectTwo-skill__two,.projectTwo-skill__three,.projectTwo-skill__four,.projectTwo-skill__five,.projectTwo-skill__six,.projectThree-skill__one,.projectThree-skill__two,.projectThree-skill__three,.projectThree-skill__four,.projectThree-skill__five,.projectThree-skill__six{border-radius:1.5rem;text-align:center;font-family:montserrat,sans-serif;padding:4px 8px;font-weight:500;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,.3)}.projectOne-skill__one{background-color:#e34d26}.projectOne-skill__two{background-color:#ffd708}.projectOne-skill__three{background-color:#1ece7c}.projectOne-skill__four{background-color:#2d53e5}.projectOne-skill__five{background-color:#a55eff}.projectTwo-skill__one{background-color:#11dafe}.projectTwo-skill__two{background-color:#097ece}.projectTwo-skill__three{background-color:#e5532d}.projectTwo-skill__four{background-color:#84bf08}.projectTwo-skill__five{background-color:#ff9c08}.projectTwo-skill__six{background-color:#2d53e5}.projectThree-skill__one{background-color:#11dafe}.projectThree-skill__two{background-color:#097ece}.projectThree-skill__three{background-color:#e5532d}.projectThree-skill__four{background-color:#84bf08}.projectThree-skill__five{background-color:#ff9c08}.projectThree-skill__six{background-color:#2d53e5}.carousel-container{flex:1;height:300px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1000px}.projectOne-img,.carousel-img{position:absolute;width:80%;max-width:300px;border-radius:10px;transition:all .5s ease;opacity:0;transform:scale(.7);z-index:1;box-shadow:0 8px 20px #0003}.activeSlide{opacity:1;transform:scale(1) translate(0);z-index:4}.lastSlide{opacity:.6;transform:scale(.85) translate(-160px);z-index:3}.nextSlide{opacity:.6;transform:scale(.85) translate(160px);z-index:3}.carousel-btn{background:#ffffffb3;border:none;font-size:2.5rem;cursor:pointer;color:#333;position:absolute;top:50%;transform:translateY(-50%);z-index:10;padding:.5rem .8rem;border-radius:50%;transition:background .2s}.carousel-btn:hover{background:#fff}.carousel-btn.left{left:-50px}.carousel-btn.right{right:-50px}@media (max-width: 1024px){.projectOne,.projectTwo,.projectThree{flex-direction:column;text-align:left;gap:2rem;justify-content:center}.projectOne-text,.projectTwo-text,.projectThree-text{padding-right:0;width:100%}.projectOne-skill__container,.projectTwo-skill__container,.projectThree-skill__container{flex-direction:row;flex-wrap:wrap;gap:.5rem;align-items:flex-start}.projectOne .carousel-container,.projectTwo .carousel-container,.projectThree .carousel-container{position:relative;width:100%;max-width:200px;height:200px;margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:13rem}.projectOne-img,.projectTwo-img,.projectThree-img,.carousel-img{position:absolute;width:100%;max-width:200px;height:auto;transform:scale(1)}.projectOne-img.lastSlide,.projectTwo-img.lastSlide,.projectThree-img.lastSlide,.carousel-img.lastSlide{transform:scale(.85) translate(-60px);opacity:.6;z-index:3}.projectOne-img.nextSlide,.projectTwo-img.nextSlide,.projectThree-img.nextSlide,.carousel-img.nextSlide{transform:scale(.85) translate(60px);opacity:.6;z-index:3}.carousel-btn{top:250px;left:auto;margin-top:.5rem;font-size:1.8rem}}@media (max-width: 768px){.projectOne,.projectTwo,.projectThree{flex-direction:column;align-items:center;text-align:center}.projectOne .carousel-container,.projectTwo .carousel-container,.projectThree .carousel-container{order:2;margin-top:12rem}.projectOne-text,.projectTwo-text,.projectThree-text{order:3;margin-top:17rem;text-align:left}}@media (max-width: 480px){.carousel-container{width:90%;max-width:180px;height:180px;margin-top:1rem}.carousel-img{width:100%;max-width:180px;height:180px}.project-info{font-size:18px}}@media (max-width: 320px){.project-title{font-size:20px}.project-text{font-size:14px}.projectThree-skill__container{margin-bottom:1.5rem}.carousel-container{width:85%;max-width:150px;height:150px;margin-top:.8rem}.carousel-img{width:100%;max-width:150px;height:150px}}.back-to-top-wrapper{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;align-items:center;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease;z-index:100}.back-to-top-wrapper.show{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top{width:60px;height:60px;border-radius:50%;border:none;padding:0;cursor:pointer;overflow:hidden;box-shadow:0 4px 6px #0000004d;background:transparent;transition:transform .2s ease}.back-to-top img{width:100%;height:100%;object-fit:cover;border-radius:50%}.back-to-top:hover{transform:scale(1.1)}.back-to-top-arrow{color:#000;font-size:1.2rem;margin-bottom:5px}.fa-bounce{animation-duration:2s}.contact-wrapper{min-height:300px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding-bottom:5rem}.contact-title{font-family:montserrat,sans-serif;color:#242938;font-size:36px;margin-bottom:3rem}.contact-info{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:50px}.contact-info a{font-family:montserrat,sans-serif;text-decoration:none;color:#000;font-size:18px}.contact-info a:hover{transform:scale(1.1);transition:.3s ease-in-out}@media (max-width: 1024px){.contact-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.contact-title{font-size:36px;margin-top:2rem;margin-bottom:2rem}.contact-info{gap:30px}.contact-info a{font-size:16px}}@media (max-width: 480px){.contact-title{font-size:24px;margin-top:1.5rem;margin-bottom:1.5rem;text-align:center}.contact-info{flex-direction:column;gap:15px}.contact-info a{font-size:16px}}@media (max-width: 320px){.contact-title{font-size:36px}.contact-info a{font-size:14px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;margin:0;padding:0;scroll-behavior:smooth;overflow-x:hidden;overflow-y:auto}#root{width:100%;margin:0 auto;padding:0}