/* * ============================================= * Base Styles for dlep.ca * ============================================= * This file sets up the foundational visual rules for the site. * While Tailwind CSS handles most utility-based styling, this file * is for global settings and custom styles used across multiple pages. */ /* Ensures smooth scrolling when clicking on anchor links (e.g., #section) */ html { scroll-behavior: smooth; } /* * Sets the default font for the entire site to 'Inter', as specified in the of index.html. * This ensures a consistent and modern typographic feel. * The background color and text color are already set by Tailwind classes in the tag, * but it's good practice to have a fallback here. */ body { font-family: 'Inter', sans-serif; background-color: #111827; /* Fallback for bg-gray-900 */ color: #d1d5db; /* Fallback for text-gray-200 */ } /* * A simple utility class to add a subtle glow effect to text. * Can be added to important headings to make them stand out. */ .text-glow { text-shadow: 0 0 8px rgba(59, 130, 246, 0.5); /* Corresponds to blue-500 */ }