@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap";main{flex-grow:1;width:100%;display:flex;flex-direction:column;align-items:center}.homepage__content{display:flex;margin:6rem auto;align-items:flex-start}.homepage__content--text{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:0 1rem;text-align:center;word-wrap:break-word;overflow-wrap:break-word}.homepage__content--btn{display:flex;justify-content:flex-start;padding:3rem 0;gap:2rem}.homepage__content--text h1{color:#a47049;font-size:46px;animation:fadeInText 2s ease-in-out forwards}@keyframes fadeInText{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.homepage-text{opacity:0;font-size:24px;font-weight:800;margin:.2rem;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.slide-in{opacity:1;transform:translateY(0)}.slide-out{opacity:0;transform:translateY(20px)}.background-image{position:absolute;top:0;left:0;width:100%;height:200%;background-image:url(/assets/sand-7150369_1920-a60cfb55.jpg);background-size:cover;background-position:center;z-index:-1;animation:backgroundShift 50s ease-in-out infinite}@keyframes backgroundShift{0%{transform:translateY(0)}50%{transform:translateY(-10%)}to{transform:translateY(0)}}@media (max-width: 830px){.homepage__content--text h1{padding:2rem;font-size:34px;padding:1rem}.homepage-text{font-size:20px}}@media (max-width: 390px){.homepage__content--text h1{font-size:30px}.homepage__content--btn{gap:1rem}}.page__container.about-page{background:rgb(251,245,255);background:linear-gradient(0deg,rgb(245,228,255) 0%,rgb(225,252,255) 100%);width:100vmax}.about__content{display:flex;flex-direction:column;text-align:justify;align-items:center;max-width:900px;padding:10% 5%}.about__main{display:flex;margin-bottom:10%;align-items:center}.about__title{margin:2rem 0}.about__text{font-weight:700;line-height:1.7}.about__text>a{color:#9424ad}.about__text>a:hover{color:#c84ce4}.about__description{font-weight:400;font-size:14px}.about__skills{margin:4rem 0 8rem}.skills__icons{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem;margin:5rem 0}.skills__icons i{transition:transform .3s ease,color .3s ease;display:flex;flex-direction:column;align-items:center;gap:1rem;height:108px;width:108px;font-size:4.5rem;color:#333}.skills__icons i:hover{color:#9424ad;transform:scale(1.2)}.icon{display:flex;flex-direction:column;align-items:center;gap:1rem;height:108px}.core-icon path{fill:#333;width:90px}.core-icon:hover path{fill:#9424ad}.skills__title{font-size:.8rem;font-style:normal}.up__btn{width:40px;height:40px;border-radius:50%;color:#fff;background-color:#333;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,color .3s ease}.up__btn:hover{color:#fff;background-color:#9424ad;font-size:1.5rem;transform:scale(1.2)}.photo__Kristyna{background-color:gray;width:250px;height:250px;border-radius:50%;margin-left:4rem}.about__photo{display:flex;flex-direction:column;align-items:flex-end}.btn-contact{margin-top:2rem}@media (max-width: 980px){.about__content{padding-top:10%}}@media (max-width: 830px){.about__main{flex-direction:column-reverse;align-items:center}.about__text{padding:0 10%;margin:2rem 0;text-align:center}.photo__Kristyna{margin:2rem 0;height:200px;width:200px}.about__photo{align-items:center}.btn-contact{margin-top:1rem}.skills__icons{gap:2rem}.skills__icons i{font-size:3.5rem}.icon{height:56px}}@media (max-width: 580px){.about__title,.about__text{padding:0 30%}.about__description{font-size:.9rem}.about__skills{margin:4rem 0 0}.skills__icons{padding:0 20%;gap:2px}.skills__icons i{font-size:2.5rem}.icon{height:40px}.up__btn{width:30px;height:30px}.up__btn:hover{font-size:1rem}}@media (max-width: 390px){.about__text>a{color:#9424ad}}.header-container{display:flex;justify-content:center;width:100%;position:fixed;top:0;z-index:1000}header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:800px;max-width:1200px;padding:0 2rem;margin-top:1.5rem;border-radius:2rem;background-color:#fff2f2;box-shadow:1px 1px 10px gray;flex-shrink:0;position:fixed;top:0;z-index:1000}.header-blur{position:fixed;top:0;left:0;width:100%;height:5.1rem;background:rgba(255,255,255,.068);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999}nav{display:flex;justify-content:space-around;align-items:center;padding:.7rem;gap:3px}.nav__link{text-decoration:none;text-transform:uppercase;color:#424242;padding:.5rem 1rem;font-size:.8rem;font-weight:600}.nav__link:hover{padding:.5rem 1rem;background-color:#9424ad;border-radius:2rem;color:#fff;transition:1s ease,color 1s ease}.active,.active:hover{padding:.5rem 1rem;background-color:#424242;border-radius:2rem;color:#fff}.hamburger{display:none;flex-direction:column;cursor:pointer;z-index:1001;padding:0;margin:.7rem}.bar{height:3px;width:25px;background-color:#424242;margin:3px 0;transition:all .3s ease}.hamburger .bar:nth-child(1).active{transform:translateY(15px) rotate(45deg);padding:0}.hamburger .bar:nth-child(2).active{opacity:0}.hamburger .bar:nth-child(3).active{transform:translateY(-15px) rotate(-45deg);padding:0}.nav.open{display:flex;flex-direction:column;position:absolute;top:70px;left:0;right:0;gap:1rem;background:rgba(255,219,219,.507);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 6px 10px #0000001a;border-radius:20px;z-index:1000}.logo{flex-grow:1;display:flex}.logo-img{height:100%;max-height:40px;width:auto}a.logo{max-width:40px}@media (max-width: 830px){.nav{display:none;width:100%}.hamburger{display:flex}header{justify-content:space-between;max-width:80%}.header-blur{height:4.6rem}}.page__container{padding:0 15%}.project__intro{max-width:800px;text-align:center}.up__text{margin-bottom:6rem}.project__cards{display:flex;justify-content:center;flex-wrap:wrap;max-width:960px;margin:4rem auto 9rem;row-gap:7rem;column-gap:6rem}.project__card{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;width:370px;border:1px solid #ddd;border-radius:1rem;overflow:hidden;justify-items:center;transition:box-shadow .3s ease;background-color:#fff;height:100%}.project__card:hover{cursor:default;box-shadow:0 4px 8px #0000004d}.project__cover{background-size:cover;width:100%;height:12rem;transition:transform .3s ease,color .3s ease}.project__cover:hover{transform:scale(1.1)}.project__title{font-size:1.5rem;margin:3rem 0 1.5rem}.project__description{text-align:justify;font-size:smaller;margin:.5rem 3rem 2rem}.project__links{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:3rem;margin-top:1rem;gap:1rem}.gitHubIcon{font-size:.7rem}.image-gallery{max-width:1000px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:0 auto 6rem;padding:20px}.image-thumbnail{display:flex;justify-content:center;align-items:center;cursor:pointer;overflow:hidden;transition:transform .2s ease-in-out;max-width:200px}.image-thumbnail:hover{transform:scale(1.1)}.image-thumbnail img{max-width:100%;max-height:150px;height:auto;border-radius:8px;display:block}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.lightbox-content{position:relative;max-width:80%;max-height:80%;margin:auto}.lightbox img{max-width:600px;max-height:80vh;width:auto;height:auto;border-radius:10px;box-shadow:0 4px 8px #0003}.nav-button{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.5);border:1px solid #ccc;padding:1.2rem;width:10px;height:10px;border-radius:50%;z-index:1001;cursor:pointer;display:flex;justify-content:center;align-items:center}.prev{left:10px}.next{right:10px}.image-caption{text-align:center;margin-top:10px;color:#fff;font-size:14px}@media (max-width: 1200px){.image-thumbnail img{max-width:100%}.image-gallery{max-width:800px;grid-template-columns:repeat((3,1fr))}.lightbox img{width:100%}}@media (max-width: 898px){.image-gallery{max-width:600px}}@media (max-width: 625px){.image-gallery{grid-template-columns:1fr}}@media (max-width: 480px){.page__container{padding:0 7%}.project__cover{height:fit-content;max-height:12rem}.project__card{width:100%}.project__title{font-size:1.2rem;margin:2rem 0 1.5rem}.image-caption{margin-top:2px}}.case-study__container{max-width:900px;margin:6rem auto;padding:3rem 1rem;color:#333;font-family:Montserrat,sans-serif}.case-study__heading{font-size:2.5rem;color:#9424ad;margin-bottom:3rem;text-align:center}.case-study__subheading{font-size:1.5rem;color:#666;margin:2rem 0}.case-study__text{font-size:1rem;line-height:1.7;color:#444;margin-bottom:1.5rem}.case-study__image{width:100%;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin:1.5rem 0}.case-study__image--mockup{max-width:400px;width:100%;box-shadow:none;border-radius:0%}.case-study__section{margin-bottom:3rem}.case-study__highlight{background-color:#f7f0fb;border-left:4px solid #9424ad;padding:1rem;border-radius:6px;margin-bottom:2rem}.case-study__btn{display:flex;justify-content:flex-start;gap:1rem;margin-bottom:4rem}.case-study__upbtn{display:flex;flex-direction:column;align-items:center;margin:2rem 0}.case-study__ending{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:flex-end}@media (max-width: 830px){.case-study__container{padding:3rem 4rem}}@media (max-width: 580px){.case-study__heading{font-size:1.7rem}}@media (max-width: 400px){.case-study__heading{font-size:1.3rem}}.contact__main{text-align:center;padding:7rem 2rem 2rem}form{max-width:470px;margin:1rem auto 10rem;padding:30px 35px;background-color:#6a4c7539;border:1px solid #bebebe;border-radius:.5rem;box-shadow:0 4px 8px #0000001a}form div{margin-bottom:1.5rem}label{display:block;font-size:14px;margin-bottom:5px;color:#333}input[type=email],textarea{width:100%;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;transition:border-color .3s ease}input[type=email]:focus,textarea:focus{border-color:#9424ad;outline:none}textarea{resize:vertical;min-height:10rem}input[type=checkbox]{margin-right:10px}label[for=gdprConsent]{display:inline;font-size:13px;color:#333}.button-container{display:flex;justify-content:flex-end;margin-bottom:1rem}.card-container{perspective:1000px;width:400px;height:300px;margin:0 auto 6rem;position:relative;border-radius:10px}.card-inner{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}.card-container:hover .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:12px;background:white;box-shadow:0 4px 20px #0000001a}.card-front{background-color:#fff}.card-back{transform:rotateY(180deg);flex-direction:column;padding:20px;box-sizing:border-box;text-align:center}.contact-logo-img{width:200px;height:auto;border-radius:50%;margin:1rem}.contact-text{padding:1rem;text-align:center}.contact-text p{font-size:1.3rem;text-transform:uppercase}.contact-text em{color:#625764}.contact-links{display:flex;justify-content:center;width:100%;padding:1rem}.svg-inline--fa{height:1.3em}.contact-link{text-decoration:none;font-weight:700;padding:10px;transition:color .3s ease}.contact-link:hover{color:#2e9dd9}.contact-link:nth-child(2):hover{color:#028670}@media (max-width: 768px){form{padding:15px}button{width:100%}.contact-card{max-width:560px}.card-container:hover{transform:none}.card-inner.flipped{transform:rotateY(180deg)}}@media (max-width: 450px){.card-container{perspective:1000px;width:100%;max-width:300px;position:relative;padding-top:100%;/}.card-inner{position:absolute;top:0;left:0;right:0;bottom:0;transition:transform .8s;transform-style:preserve-3d}.contact-card{width:100%;flex-direction:column}.contact-links{align-items:center}}.policy-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.policy-content{background:white;padding:2rem 3rem;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:650px;width:90%;max-height:80vh;overflow-y:auto;position:relative}.policy-content h2,.policy-content h3{color:#333;margin:16px 0}.policy-content p,.policy-content ul{color:#555;line-height:1.6}.policy-content ul{padding-left:20px}.policy-content li{margin-bottom:10px}.close-button{position:absolute;top:10px;right:10px;max-width:8rem;color:#333;background:none;border:none;font-size:14px;z-index:1001}.close-button:before{background:none}@media (max-width: 830px){.close-button{max-width:6rem;font-size:10px}}footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;background-color:#3c3c3c;color:#fff;padding:1rem;width:100%}.footer__icon{text-decoration:none;color:#fff;margin:.5rem;font-size:18px}.footer__icon:hover{color:#c942e7}footer a{color:#fff}footer a:hover{color:#c942e7}footer p{margin:.5rem 0;font-size:14px}@media (max-width: 830px){footer{flex-direction:column-reverse;text-align:center;padding:1.5rem}.footer__icon{font-size:20px;margin:.3rem}}@media (max-width: 480px){.footer__icon{font-size:18px;padding:.2rem}footer p{font-size:12px}}*,:before,:after,html{margin:0;padding:0;box-sizing:border-box}::selection{color:#b92c9a}html{font-family:Open Sans,sans-serif;scroll-behavior:smooth;font-size:16px;color:#424242;line-height:1.5;height:100%;background:rgb(251,245,255);background:linear-gradient(90deg,rgba(247,235,255,1) 0%,rgba(222,251,255,1) 100%)}html,body{overflow-x:hidden}.page__container{margin-top:10rem;display:flex;flex-direction:column;align-items:center;justify-content:space-around}h1{font-size:2rem;margin:1rem 0;font-weight:700}h2{margin:2rem}p{font-size:16px;margin:1rem 0}a{text-decoration:none;color:#424242;transition:transform .3s ease,color .3s ease}a:hover{color:#9424ad;cursor:pointer}button{display:flex;align-items:center;justify-content:center;padding:1rem 2rem;border:transparent;background-color:#424242;color:#fff;text-transform:uppercase;font-weight:600;border-radius:2rem;position:relative;z-index:0;transition:background-color 1s ease,color 1s ease;font-size:13px;gap:.5rem}button:hover{background-color:#9424ad;color:#fff;cursor:pointer}button:before{content:"";background:linear-gradient(45deg,#ff0000,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,#ff0000);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;opacity:0;transition:opacity 1s ease;border-radius:inherit}button:hover:before{opacity:1}button:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;border-radius:inherit;z-index:-1;transition:background-color 1s ease}button:hover:after{background-color:#9f2cb9}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@media (max-width: 830px){h1,h2{text-align:center}button{padding:1rem 1.5rem}}@media (max-width: 580px){h1{font-size:1.8rem;word-break:break-word}h2{font-size:1.5rem;word-break:break-word}}@media (max-width: 390px){h2{font-size:1.2rem;word-break:break-word}}