.experimental-type {
font-family: "Playfair Display", serif;
animation: typeWiggle 4s ease-in-out infinite;
transform-origin: center bottom;
}
.skewed-card {
transform: rotate(-0.5deg);
transition: transform 0.3s ease;
}
.skewed-card:hover {
transform: rotate(0deg) scale(1.02);
}
.jelly-card {
background: var(--jelly-dark);
border: 1px solid rgba(255,255,255,0.06);
position: relative;
overflow: hidden;
}
.jelly-card:hover {
border-color: var(--jelly-mint);
}
.jelly-card::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(
90deg,
transparent,
rgba(78, 205, 196, 0.1),
transparent
);
transition: left 0.5s ease;
}