BwibzzZ/fluidflex-responsive-redesign

1/* Custom styles that extend Tailwind */2@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');3 4html {5    font-family: 'Inter', system-ui, -apple-system, sans-serif;6}7 8/* Smooth scrolling for anchor links */9html {10    scroll-behavior: smooth;11}12 13/* Custom focus styles */14*:focus {15    outline: none;16    ring: 2px;17    ring-opacity: 50%;18    ring-color: theme('colors.primary.500');19}20 21/* Animation for hover effects */22.transition {23    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;24    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);25    transition-duration: 300ms;26}27 28/* Responsive typography */29@media (min-width: 768px) {30    html {31        font-size: 18px;32    }33}