@keyframes fade-in-from-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in-from-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in-from-top{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-from-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes right-inclide-down{0%{opacity:1;transform-origin:0 0;transform:rotate(0)}to{opacity:1;transform-origin:0 0;transform:translateY(3px)translate(1px)rotate(45deg)}}@keyframes right-inclide-down-reverse{0%{opacity:1;transform-origin:0 0;transform:translateY(3px)rotate(45deg)}to{opacity:1;transform-origin:0 0;transform:rotate(0)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes right-inclide-up{0%{opacity:1;transform-origin:0 0;transform:rotate(0)}to{opacity:1;transform-origin:0 0;transform:translateY(5px)translate(-1px)rotate(-45deg)}}@keyframes right-inclide-up-reverse{0%{opacity:1;transform-origin:0 0;transform:translateY(5px)translate(-1px)rotate(-45deg)}to{opacity:1;transform-origin:0 0;transform:rotate(0)}}@media screen and (max-width:767px){.portfolio__project{flex-direction:column;padding:30px 20px;display:flex}.portfolio__project .portfolio__project-image-container{opacity:0;width:100%;height:200px;margin:20px 0;animation:1.5s ease-in-out .5s forwards fade-in-from-left;position:relative}.portfolio__project .portfolio__project-title{opacity:0;flex-direction:column;justify-content:center;align-items:center;animation:1.5s ease-in-out 1s forwards fade-in-from-right;display:flex}.portfolio__project .portfolio__project-title h2{color:#333;padding-bottom:10px;font-size:1.5rem;font-weight:700}.portfolio__project .portfolio__project-title p{color:#333;font-size:1rem}}@media screen and (min-width:768px){.portfolio__project{grid-template-columns:1fr 1fr;gap:20px;height:350px;padding:50px 0;display:grid}.portfolio__project .portfolio__project-image-container{opacity:0;width:100%;max-height:500px;animation:1.5s ease-in-out .5s forwards fade-in-from-left;position:relative}.portfolio__project .portfolio__project-title{opacity:0;align-items:left;flex-direction:column;justify-content:center;animation:1.5s ease-in-out 1s forwards fade-in-from-right;display:flex}.portfolio__project .portfolio__project-title h2{color:#333;padding-bottom:20px;font-size:1.5rem;font-weight:700}.portfolio__project .portfolio__project-title p{color:#333;font-size:1rem}}