.header{display:flex;width:100%;height:5.625rem;justify-content:space-between;align-items:center;z-index:99;position:absolute;transition:background .5s ease,transform .5s ease;background:transparent}@media screen and (max-width:800px)and (min-width:320px){.header{height:2.5rem}}.header .logo{margin-left:1.75rem;width:3.5rem;height:3.5rem;transition:transform .4s ease;background:none;border:none}@media screen and (max-width:2000px)and (min-width:1500px){.header .logo{width:3.75rem;height:3.75rem}}@media screen and (max-width:1200px)and (min-width:800px){.header .logo{margin-left:1.125rem;width:2.625rem;height:2.625rem}}@media screen and (max-width:800px)and (min-width:320px){.header .logo{margin-left:.625rem;width:2rem;height:2rem}}.header .rotated{transition:transform .5s ease;transform:rotate(180deg)}.header .header-right-wrapper{display:flex;margin-right:1.75rem;gap:1.25rem;transition:all .5s ease}@media screen and (max-width:2000px)and (min-width:1500px){.header .header-right-wrapper{gap:1.5rem}}@media screen and (max-width:1200px)and (min-width:800px){.header .header-right-wrapper{margin-right:.875rem;gap:.875rem}}@media screen and (max-width:800px)and (min-width:320px){.header .header-right-wrapper{margin-right:.375rem;gap:.375rem}}.header .header-right-wrapper .right-wrapper-item{display:flex;justify-content:center;align-items:center;gap:.875rem;padding:.875rem 2.25rem;font-size:1rem;border-radius:1.25rem;border:1px solid #fff;color:#f5f5f5;background:transparent;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.header .header-right-wrapper .right-wrapper-item:hover{transform:scale(1.05);box-shadow:0 .375rem .75rem #0003}@media screen and (max-width:1200px)and (min-width:800px){.header .header-right-wrapper .right-wrapper-item{padding:.625rem 1.5rem;gap:.625rem;font-size:.875rem}}@media screen and (max-width:800px)and (min-width:320px){.header .header-right-wrapper .right-wrapper-item{padding:.5rem 1rem;gap:.5rem;font-size:.75rem}}.header .header-right-wrapper .right-wrapper-item .wrapper-svg{width:1.125rem;height:1.125rem}@media screen and (max-width:2000px)and (min-width:1500px){.header .header-right-wrapper .right-wrapper-item .wrapper-svg{width:1.25rem;height:1.25rem}}@media screen and (max-width:1200px)and (min-width:800px){.header .header-right-wrapper .right-wrapper-item .wrapper-svg{width:1rem;height:1rem}}@media screen and (max-width:800px)and (min-width:320px){.header .header-right-wrapper .right-wrapper-item .wrapper-svg{width:.625rem;height:.625rem}}.active{position:fixed;top:0;left:0;right:0;background:#202020d9;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);box-shadow:0 .25rem .75rem #0000004d;z-index:100}.banner{width:100%;position:relative;height:700px;display:flex;align-items:center;justify-content:flex-start;background:linear-gradient(253deg,#ffee32 -13.48%,#d6d6d6 125.48%)}.banner .banner-title{position:absolute;left:10%;bottom:20%;width:40vw;font-family:Chewy,system-ui;font-weight:700;font-style:normal;line-height:1.1;color:#fff;font-size:5vw;flex-shrink:0}@media screen and (max-width:2000px)and (min-width:1500px){.banner .banner-title{font-size:5vw}}@media screen and (max-width:1200px)and (min-width:800px){.banner .banner-title{width:600px;font-size:5vw}}@media screen and (max-width:800px)and (min-width:320px){.banner .banner-title{width:250px;font-size:28px}}@media screen and (max-width:1200px)and (min-width:800px){.banner{height:400px}}@media screen and (max-width:800px)and (min-width:320px){.banner{height:350px}}.footer{width:100%;height:200px;justify-items:center;align-content:center;background:#202020}.footer .footer-links{display:flex;align-items:center;justify-content:center;flex-direction:row;margin-top:20px;gap:50px}@media screen and (max-width:800px)and (min-width:320px){.footer .footer-links{gap:30px}}.footer .footer-links .svg-footer{width:30px;height:30px}@media screen and (max-width:800px)and (min-width:320px){.footer .footer-links .svg-footer{width:18px;height:18px}}.footer .footer-links .animation-links{transition:transform .5s ease}.footer .footer-links .animation-links:hover{transform:scale(1.1)}.footer .copyright{margin-top:30px;color:#f5f5f5;text-align:center;font-family:Manrope,sans-serif;font-size:16px;font-weight:500}@media screen and (max-width:800px)and (min-width:320px){.footer .copyright{font-size:12px}}.my-journey{display:flex;width:100%;height:460px;position:relative;justify-items:end;justify-content:space-between;align-items:center;background:#202020}@media screen and (max-width:800px)and (min-width:320px){.my-journey{height:280px}}.my-journey .left-wrapper-journey{margin-left:100px}@media screen and (max-width:2000px)and (min-width:1500px){.my-journey .left-wrapper-journey{margin-left:120px}}@media screen and (max-width:1500px)and (min-width:1200px){.my-journey .left-wrapper-journey{margin-left:100px}}@media screen and (max-width:1200px)and (min-width:800px){.my-journey .left-wrapper-journey{margin-left:60px}}@media screen and (max-width:800px)and (min-width:320px){.my-journey .left-wrapper-journey{margin-left:20px}}.my-journey .left-wrapper-journey .journey-large-txt{color:#faeb49;font-family:Chewy,system-ui;font-size:48px;font-weight:700;line-height:normal}@media screen and (max-width:2000px)and (min-width:1500px){.my-journey .left-wrapper-journey .journey-large-txt{font-size:50px}}@media screen and (max-width:1200px)and (min-width:800px){.my-journey .left-wrapper-journey .journey-large-txt{font-size:38px}}@media screen and (max-width:800px)and (min-width:320px){.my-journey .left-wrapper-journey .journey-large-txt{font-size:20px}}.my-journey .left-wrapper-journey .journey-small-txt{width:450px;color:#fff;font-family:Chewy,system-ui;font-size:22px;font-weight:500;line-height:normal}@media screen and (max-width:2000px)and (min-width:1500px){.my-journey .left-wrapper-journey .journey-small-txt{font-size:24px;width:550px}}@media screen and (max-width:1200px)and (min-width:800px){.my-journey .left-wrapper-journey .journey-small-txt{font-size:18px;width:400px}}@media screen and (max-width:800px)and (min-width:320px){.my-journey .left-wrapper-journey .journey-small-txt{width:200px;font-size:10px}}.my-journey .right-wrapper-journey{position:relative;width:420px;height:400px;margin-top:50px;overflow:hidden}@media screen and (max-width:2000px)and (min-width:1500px){.my-journey .right-wrapper-journey{width:390px;height:400px}}@media screen and (max-width:1500px)and (min-width:1200px){.my-journey .right-wrapper-journey{width:380px;height:400px}}@media screen and (max-width:1200px)and (min-width:800px){.my-journey .right-wrapper-journey{width:200px;height:300px}}@media screen and (max-width:800px)and (min-width:320px){.my-journey .right-wrapper-journey{width:120px;height:270px}}.my-journey .right-wrapper-journey .curve{width:450px;height:200px;position:absolute;border:1px solid #737373;border-radius:70%}@media screen and (max-width:1200px)and (min-width:800px){.my-journey .right-wrapper-journey .curve{margin-top:5px;width:300px;height:140px}}@media screen and (max-width:800px)and (min-width:320px){.my-journey .right-wrapper-journey .curve{width:160px;height:70px}}.my-journey .right-wrapper-journey .curve-1{top:90px;left:20px;transform:rotate(-45deg)}.my-journey .right-wrapper-journey .curve-2{top:90px;left:20px;transform:rotate(45deg)}.phrase{width:100%;margin-top:10px;height:500px;position:relative;display:flex;justify-content:center;align-items:center}.phrase .bg-shadow{position:absolute;top:0;width:100%;height:100%;background-color:#00000080;z-index:-1}.phrase .container-phrase{position:absolute;text-align:center;max-width:800px;width:90%;left:50%;transform:translate(-50%)}@media screen and (max-width:2000px)and (min-width:1500px){.phrase .container-phrase{max-width:800px}}@media screen and (max-width:1500px)and (min-width:1200px){.phrase .container-phrase{max-width:750px}}@media screen and (max-width:1200px)and (min-width:800px){.phrase .container-phrase{max-width:510px}}@media screen and (max-width:800px)and (min-width:500px){.phrase .container-phrase{max-width:430px}}@media screen and (max-width:500px)and (min-width:320px){.phrase .container-phrase{max-width:270px}}.phrase .container-phrase .phrase-txt{width:100%;color:#f5f5f5;font-family:Chewy,system-ui;font-size:48px}@media screen and (max-width:2000px)and (min-width:1500px){.phrase .container-phrase .phrase-txt{font-size:50px}}@media screen and (max-width:1500px)and (min-width:1200px){.phrase .container-phrase .phrase-txt{font-size:40px}}@media screen and (max-width:1200px)and (min-width:800px){.phrase .container-phrase .phrase-txt{font-size:30px}}@media screen and (max-width:800px)and (min-width:500px){.phrase .container-phrase .phrase-txt{font-size:26px}}@media screen and (max-width:500px)and (min-width:320px){.phrase .container-phrase .phrase-txt{font-size:16px}}.phrase .phrase-centred{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skeleton-wrapper{position:relative;overflow:hidden}.skeleton-wrapper .skeleton-photo,.skeleton-wrapper .skeleton-title,.skeleton-wrapper .skeleton-text,.skeleton-wrapper .skeleton-icon{background:#e2e2d666;position:relative;overflow:hidden}.skeleton-wrapper .skeleton-photo:after,.skeleton-wrapper .skeleton-title:after,.skeleton-wrapper .skeleton-text:after,.skeleton-wrapper .skeleton-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#ffffff1a 20%,#fff3 60%,#fff0);animation:shimmer 2.5s infinite}.skeleton-wrapper.my-projects-item{width:300px;height:400px;padding:20px;border-radius:5%}.skeleton-wrapper.my-projects-item .skeleton-photo{width:100%;height:60%;border-radius:5%}.skeleton-wrapper.my-projects-item .skeleton-icon{position:absolute;top:34px;right:30px;width:34px;height:34px;border-radius:50%}.skeleton-wrapper.my-projects-item .skeleton-title{margin-top:20px;height:30px;width:150px;border-radius:4px}.skeleton-wrapper.my-projects-item .skeleton-text{margin-top:20px;height:40px;width:100%;border-radius:4px}@keyframes shimmer{to{transform:translate(100%)}}.my-projects-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:1200px;margin:0 auto;padding:0 1.25rem;grid-auto-rows:350px;align-items:center;justify-items:center;gap:2.5rem;animation:fadeIn .8s ease-out forwards}@media screen and (max-width:2000px)and (min-width:1501px){.my-projects-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media screen and (max-width:1500px)and (min-width:1201px){.my-projects-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media screen and (max-width:1200px)and (min-width:801px){.my-projects-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media screen and (max-width:800px){.my-projects-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-rows:340px}}.my-projects-list .doesnt-exist-projects{font-family:Chewy,system-ui;color:#f5f5f5;font-size:2rem;font-weight:600;text-align:center}@media screen and (max-width:1200px)and (min-width:800px){.my-projects-list .doesnt-exist-projects{font-size:1.75rem}}@media screen and (max-width:800px)and (min-width:320px){.my-projects-list .doesnt-exist-projects{font-size:1.25rem}}.my-projects-item{position:relative;text-align:left;width:100%;height:100%;max-width:16rem;border-radius:.75rem;background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease;opacity:0;animation:fadeInUp .5s ease-out forwards;animation-delay:calc(.1s * var(--index, 0))}.my-projects-item:hover{transform:translateY(-.35rem) scale(1.02);box-shadow:0 .75rem 1.5rem #0003}.my-projects-item .my-project-photo{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s ease}.my-projects-item .my-project-photo:hover{transform:scale(1.05)}.my-projects-item .my-projects-span{position:absolute;top:.75rem;right:.75rem;width:1.75rem;height:1.75rem;border-radius:50%;background:#f5f5f5;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease,background .3s ease,color .3s ease}.my-projects-item .my-projects-span:hover{transform:scale(1.1);background:#ff4d4d;color:#fff}.my-projects-item .my-projects-content{flex:1;padding:.75rem;display:flex;flex-direction:column;justify-content:space-between}.my-projects-item .my-projects-content .my-project-large-txt{font-family:Chewy,system-ui;color:#565656;font-size:1.5rem;font-weight:600;line-height:1.2;margin-bottom:.5rem}@media screen and (max-width:1200px)and (min-width:800px){.my-projects-item .my-projects-content .my-project-large-txt{font-size:1.25rem}}@media screen and (max-width:800px)and (min-width:320px){.my-projects-item .my-projects-content .my-project-large-txt{font-size:1rem}}.my-projects-item .my-projects-content .my-project-small-txt{font-family:Manrope,sans-serif;color:#000;font-size:.75rem;font-weight:500;line-height:1.3}@media screen and (max-width:800px)and (min-width:320px){.my-projects-item .my-projects-content .my-project-small-txt{font-size:.625rem}}.my-projects{width:100%;min-height:100%;padding:2rem 0;background:#3c3c3c}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}body{padding:0;margin:0;background:#202020;box-sizing:border-box}ul{list-style-type:none}a{text-decoration:none}