@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){.works{flex-direction:column;width:100%;padding-bottom:50px;display:flex}.works h1{opacity:0;color:#333;justify-content:center;align-items:center;width:100%;height:100px;font-size:3rem;animation:1.5s ease-in-out forwards fade-in-from-top;display:flex}.works .works__portfolio{flex-direction:column;padding-bottom:30px;display:flex}}@media screen and (min-width:768px){.works{flex-direction:column;align-items:center;width:100%;padding:0 150px;display:flex}.works h1{opacity:0;color:#333;justify-content:center;align-items:center;width:100%;height:150px;font-size:4rem;animation:1.5s ease-in-out forwards fade-in-from-top;display:flex}.works .works__portfolio{flex-direction:column;padding-bottom:70px;display:flex}}