.portfolio-card-image{cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;width:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));opacity:0;transition:opacity .3s ease-in-out}.portfolio-card-image.visible{opacity:1}.portfolio-card-image img{transition:all .3s ease-in-out;width:100%}.portfolio-card-image:hover img{transform:scale(1.05)}.portfolio-card-image .title{font-family:Jost,sans-serif;font-weight:600;margin:1rem;text-align:center}.fade-in-enter-active{transition:opacity .3s ease-in-out}.fade-in-enter-to{opacity:1}.fade-in-enter{opacity:0}.portfolio-nav a{font-weight:500;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.portfolio-nav a.active,.portfolio-nav a.router-link-active,.portfolio-nav a:hover{--tw-text-opacity:1;color:rgb(223 86 70/var(--tw-text-opacity,1))}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:16px;width:16px}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(1turn)}}