mfttraining/fitfusion-transformations-by-michael

1/* Custom transitions */2* {3    transition: all 0.3s ease;4}5 6/* Smooth scrolling */7html {8    scroll-behavior: smooth;9}10 11/* Custom circle elements */12.circle-shape {13    clip-path: circle();14}15 16/* Custom animations */17@keyframes fadeIn {18    from { opacity: 0; transform: translateY(20px); }19    to { opacity: 1; transform: translateY(0); }20}21 22.fade-in {23    animation: fadeIn 1s ease forwards;24}25 26/* Button hover effects */27.btn-hover:hover {28    transform: translateY(-3px);29    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);30}31 32/* Custom shapes */33.custom-shape {34    clip-path: circle(50% at 50% 50%);35}36 37/* Responsive adjustments */38@media (max-width: 768px) {39    .hero-text {40        font-size: 2.5rem;41    }42}