CamelMaya/instasync-blogosphere

1/* Custom animations */2@keyframes fadeIn {3    from { opacity: 0; transform: translateY(20px); }4    to { opacity: 1; transform: translateY(0); }5}6 7.instagram-post {8    animation: fadeIn 0.6s ease-out forwards;9    opacity: 0;10}11 12.instagram-post:nth-child(1) { animation-delay: 0.1s; }13.instagram-post:nth-child(2) { animation-delay: 0.2s; }14.instagram-post:nth-child(3) { animation-delay: 0.3s; }15.instagram-post:nth-child(4) { animation-delay: 0.4s; }16.instagram-post:nth-child(5) { animation-delay: 0.5s; }17.instagram-post:nth-child(6) { animation-delay: 0.6s; }18 19/* Hover effects */20.instagram-post:hover {21    transform: translateY(-5px);22    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);23}24 25/* Responsive tweaks */26@media (max-width: 640px) {27    #instagram-feed {28        grid-template-columns: 1fr;29    }30}