@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");.portfolio-section{background-color:#f8f8f8;color:#333;font-family:Poppins,sans-serif;padding-bottom:40px}.parallax-section{align-items:center;background-attachment:fixed;background-image:url(https://images.unsplash.com/photo-1571624436279-b272aff752b5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1472&q=80);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:70vh;justify-content:center;margin-bottom:60px;position:relative}.parallax-section:before{background-color:rgba(0,0,0,.6);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.parallax-content{color:#fff;max-width:800px;padding:0 20px;position:relative;text-align:center;z-index:1}.parallax-content h1{animation:fadeInDown 1s ease-out;font-size:3rem;margin-bottom:20px}.parallax-content p{animation:fadeInUp 1s ease-out;color:hsla(0,0%,100%,.9);font-size:1.2rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.portfolio-container{margin:0 auto;max-width:1500px;padding:0 20px}.portfolio-grid{display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.portfolio-item{border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1);opacity:1;overflow:hidden;position:relative;transform:scale(1);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.portfolio-grid.animate-items .portfolio-item{animation:fadeInScale .6s ease-out forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.portfolio-item:hover{box-shadow:0 15px 30px rgba(0,0,0,.15);transform:scale(1.03)}.portfolio-img{display:block;height:250px;object-fit:cover;width:100%}.portfolio-img,.portfolio-overlay{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.portfolio-overlay{background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);bottom:0;left:0;padding:20px;position:absolute;right:0;transform:translateY(100%)}.portfolio-item:hover .portfolio-overlay{transform:translateY(0)}.portfolio-overlay h3{color:#fff;margin-bottom:10px}.portfolio-overlay p{color:hsla(0,0%,100%,.8);font-size:.9rem;margin-bottom:15px}.portfolio-overlay a{align-items:center;color:#fff;display:inline-flex;font-size:.9rem;text-decoration:none}.portfolio-overlay a i{margin-left:5px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.portfolio-overlay a:hover i{transform:translateX(5px)}@media (max-width:767px){.parallax-section{background-attachment:scroll;height:50vh}.parallax-content h1{font-size:2.2rem}.parallax-content p{font-size:1rem}.portfolio-grid{grid-template-columns:1fr}}