.hero{padding-top:0}.hero .container{display:flex;justify-content:space-between;align-items:center}.hero .container>div{display:flex;flex-direction:column;justify-content:center;width:50%}.hero .container .left{gap:20px}.hero .container .left .hero-title{width:90%;max-width:400px}.hero .container .left .hero-description{width:90%;max-width:558px}.hero .container .left .hero-text-container{display:flex;flex-direction:column;width:fit-content}.hero .container .left .draw-svg{width:90%;max-width:301px;align-self:flex-end}.hero .container .right{width:fit-content}.hero .container .right .hero-draw-container{display:flex;justify-content:flex-end;position:relative}.hero .container .right .star{position:absolute;animation:star-animation 10s linear infinite}.hero .container .right .star.star-1{top:0;left:0;animation-duration:8s}.hero .container .right .star.star-2{top:0;right:0;animation-duration:12s}.hero .container .right .star.star-3{bottom:0;right:0;animation-duration:6s}.hero .container .right .hero-draw{width:100%;max-width:319px}.portfolio .container{display:flex;justify-content:space-between;align-items:center;gap:30px}.portfolio .container>div{width:50%}.portfolio .container .left .swiper{width:90%;max-width:500px}.portfolio .container .left .swiper-slide{width:100%;display:flex;justify-content:center;align-items:center}.portfolio .container .left .swiper-slide .portfolio-card{width:100%;height:auto;object-fit:cover;border-radius:12px;display:block;margin:0 auto}.portfolio .container .left .swiper-pagination{position:unset;margin:30px 0 15px;display:flex;justify-content:start;align-items:start}.portfolio .container .left .swiper-pagination-bullet{background-color:#c9b0eb;width:14px;height:14px;transform:scale(1);transition:transform .3s ease-in-out}.portfolio .container .left .swiper-pagination-bullet-active{background-color:#c9b0eb;transform:scale(1.2)}.portfolio .container .left .swiper-button-container{display:flex;justify-content:center;align-items:center;gap:20px;height:100%;margin:15px 0}.portfolio .container .left .swiper-button-next,.portfolio .container .left .swiper-button-prev{color:#c9b0eb;background-color:#fff;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;position:unset;box-shadow:0 0 10px #0003}.portfolio .container .left .swiper-button-next svg,.portfolio .container .left .swiper-button-prev svg{width:10px;height:18px}.portfolio .container .left .swiper-button-next:after,.portfolio .container .left .swiper-button-prev:after{display:none}.portfolio .container .left .swiper-button-prev.swiper-button-disabled,.portfolio .container .left .swiper-button-next.swiper-button-disabled{opacity:.8}.portfolio .container .right{display:flex;flex-direction:column;justify-content:center;gap:20px;align-self:flex-start;margin-top:50px}.portfolio .container .right .portfolio-title{font-size:2.5rem;font-weight:600}.portfolio .container .right .portfolio-subtitle{font-size:1.75rem;font-weight:600}.portfolio .container .right .portfolio-description{max-width:437px}.shop .container{display:flex;justify-content:space-between;align-items:center}.shop .container>div{width:50%;display:flex;flex-direction:column;justify-content:center;gap:20px}.shop .container .left{align-self:flex-start;margin-top:50px}.shop .container .right .shop-draw{width:90%;max-width:533px;border-radius:12px}.resources .container{display:flex;justify-content:space-between;align-items:center}.resources .container>div{width:50%;display:flex;flex-direction:column;justify-content:center;gap:20px}.resources .container .left{align-self:flex-start;margin-top:50px}.resources .container .left .resources-draw{width:90%;max-width:533px;border-radius:12px}.resources .container .right .text.resources-description{width:90%;max-width:437px}.about-me .container{display:flex;justify-content:space-between;align-items:center}.about-me .container>div{width:50%;display:flex;flex-direction:column;justify-content:center;gap:20px}.about-me .container .left{align-self:flex-start}.about-me .container .left .about-me-draw{width:90%;max-width:437px}.text.about-me-description a{color:#464e65;text-decoration:none;font-weight:500}@media (max-width: 768px){.resources .container .left,.resources .container .right{margin-top:0}.resources .container .right .text.resources-description{max-width:100%}.resources .container .right .resources-draw{max-width:200px}.about-me .container{flex-direction:column;gap:30px}.about-me .container>div{width:100%}.about-me .right .title{text-align:center}.about-me .container .left .about-me-draw{max-width:300px;margin:0 auto}.about-me .container .right .text.about-me-description{text-align:center}}@media (max-width: 576px){.container{flex-direction:column;align-items:center}.container .left,.container .right{width:100%!important}.hero .container{flex-direction:column-reverse;gap:20px}.hero .container .right .hero-draw-container{width:fit-content;margin:0 auto}.hero .container .left .hero-title{max-width:290px}.hero .container .left .hero-description{width:100%;max-width:100%}.hero .container .left .draw-svg{max-width:200px;margin-right:50px}.portfolio .container .right{margin-top:0;gap:10px}.hero .container .right .hero-draw{max-width:200px}.portfolio .container{flex-direction:column-reverse;gap:30px}.swiper{max-width:fit-content}.portfolio .container .left .swiper-slide .portfolio-card{width:100%;height:100%;max-width:300px;margin:0 auto}.portfolio .container .left .swiper-pagination{position:absolute;display:unset;margin:0;align-items:unset;bottom:80px}.portfolio .container .left .swiper-button-next,.portfolio .container .left .swiper-button-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:30px;height:30px}.portfolio .container .left .swiper-button-next svg,.portfolio .container .left .swiper-button-prev svg{width:5px;height:9px}.portfolio .container .left .swiper-button-container{display:unset}.shop .container{gap:30px}.shop .container .right .shop-draw{margin:0 auto}.resources .container{flex-direction:column-reverse}.resources .container .left .resources-draw{margin:0 auto}.about-me .container{gap:30px}.about-me .right .title,.about-me .container .right .text.about-me-description{text-align:start}.about-me .container .left .about-me-draw{max-width:190px;max-height:190px;margin:0 auto}}