html {
            scroll-behavior: smooth;
        }
        .flink {
            @apply inline-block px-4 py-2 mr-3 mb-3 bg-white border border-gray-200 rounded-lg shadow-sm hover:shadow-md hover:border-primary-light transition-all duration-300 text-gray-700 hover:text-primary-dark;
        }
        .flink i {
            @apply mr-2;
        }
        .parallax {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        @media (max-width: 768px) {
            .parallax {
                background-attachment: scroll;
            }
        }