.portfolio-card{cursor:pointer;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;z-index:1;border-radius:20px}.portfolio-card:after{content:"";position:absolute;z-index:-1;left:0;top:0;right:0;bottom:0;color:#fff;border-radius:20px;box-shadow:4px 4px 8px rgba(255,86,246,.51),-4px -4px 8px rgba(255,86,246,.51);opacity:0;transition:opacity .3s ease-in-out}.portfolio-card:hover:after{opacity:1}.portfolio-card:hover{color:#0097e6}.image-content{width:100%;margin:auto;cursor:n-resize}.image-content img{object-fit:cover;object-position:top;transition:all 5s ease;border-radius:15px}.portfolio-card:hover .image-content img{object-position:bottom}.project-title{color:#000;transition:color .4s ease}.title-icon{transform:scale(0);transform-origin:bottom;transition:transform .4s ease}.portfolio-card:hover .title-icon{transform:scale(1)}.portfolio-card{transition:.5s ease-in-out;transform:translateY(10px)}.portfolio-card:hover{transition:.5s ease-in-out;transform:translateY(-10px)}.button-content{border-radius:5px;box-shadow:4px 4px 8px rgba(255,86,246,.51),-4px -4px 8px rgba(255,86,246,.51);color:#fff}.project-button{cursor:pointer;position:relative;z-index:1;text-transform:uppercase;color:#fff;padding:10px;border-radius:5px;box-shadow:4px 4px 8px #080808,-4px -4px 8px #121212;transition:color .3s ease}.detail-card,.project-button{display:flex;justify-content:center;align-items:center}.detail-card{width:100%}.inside-detail{cursor:pointer;width:100%;position:relative;padding:2rem;z-index:1;border-radius:20px;color:#fff}.inside-detail:after{content:"";position:absolute;z-index:-1;left:0;top:0;right:0;bottom:0;box-shadow:4px 4px 8px #4c205d,-4px -4px 8px #4e2cd7;color:#fff;border-radius:20px;opacity:0;transition:opacity .3s ease-in-out}.inside-detail:hover:after{opacity:1}.inside-detail:hover{color:#0097e6}.image-detail{margin:auto;cursor:n-resize}.image-detail img{width:100%;height:100%;object-fit:cover;object-position:top;transition:all 5s ease}.inside-detail:hover .image-detail img{object-position:bottom}