/* FILE: www/style.css */

/* Using TailwindCSS via CDN in the HTML, but this file can be used for custom overrides */

body {
    font-family: 'Inter', sans-serif;
}

/* For embedded YouTube videos to be responsive */
.video-container {
    position: relative;
    padding-bottom: 60%; /* Adjusted from 56.25% to 60% to make the video display less slim/taller */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    border-radius: 0.5rem; /* rounded-lg */
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Style for the content coming from the database */
.prose {
    font-size: 1rem;
    line-height: 1.75;
}

.prose p {
    margin-bottom: 1.25em;
}

.prose a {
    color: #3b82f6; /* text-blue-500 */
    text-decoration: none;
}

.prose a:hover {
    text-decoration: underline;
}