.projectTile{transition:all .5s ease}.projectTile:hover{cursor:pointer}.projectTile>:last-child{opacity:0}.projectTile:hover>:last-child{opacity:1;animation:fadeIn .75s forwards}.projectTile:hover>#projectType{bottom:2.5rem;animation:moveUp .5s forwards}.projectTile>#projectType>p:before{content:"";position:absolute;inset:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:-1}.projectTile:hover h2{font-size:1.6rem;line-height:1.9rem;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1));color:#fff;animation:shrinkText .5s forwards}.projectTile:hover h2>*{color:#fff}.projectTile:hover>:first-child{top:16px;left:16px;transform:translate(0);animation:move .5s forwards}@keyframes shrinkText{0%{font-size:6.4rem;line-height:6.5rem}to{font-size:1.6rem;line-height:1.9rem}}@keyframes move{0%{top:50%;left:50%;transform:translate(-50%,-50%)}to{top:16px;left:16px;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes moveUp{0%{bottom:-5rem}to{bottom:2.5rem}}