/*
 * FILE: styles.css
 * This file contains all the custom CSS for the website.
 * You can add or modify styles here.
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800&display=swap');
body {
  font-family: 'Inter', sans-serif;
}
.ad-banner {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.glow-yellow {
  text-shadow: 0 0 5px #fde047, 0 0 10px #fde047;
}
/* Custom styles for user-generated HTML content */
.html-content {
    line-height: 1.7;
    color: #D1D5DB; /* text-gray-300 */
}
.html-content h1, .html-content h2, .html-content h3 {
    color: #FBBF24; /* text-yellow-400 */
    margin-bottom: 0.75rem;
    font-weight: 700;
    line-height: 1.2;
}
.html-content h1 { font-size: 2em; }
.html-content h2 { font-size: 1.5em; }
.html-content h3 { font-size: 1.25em; }
.html-content p {
    margin-bottom: 1rem;
}
.html-content img {
    max-width: 100%;
    height: auto;
    border-radius: 0.5rem; /* rounded-lg */
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.html-content a {
    color: #3B82F6; /* text-blue-500 */
    text-decoration: underline;
}
.html-content center {
    text-align: center;
}
.html-content b, .html-content strong {
    color: #FFFFFF;
}