/*
🏠 WEEK10B STYLES

Theme styles are located in:
../theme.css


*****

AI Disclaimer

Vast majority of this site and pages was built by myself and no
course work pages were generated using AI. 

Things AI was used for; Redundant tasks, catching CSS/HTML errors, making fine tuned/minor adjustments to styles and elements on pages (If I wanted a button moved over a few pixels and just couldn't figure out how), checking links, and periodically reviewing my work upon request.

*****


Guide
1. Spacing between media sections



*/

/* 1. MEDIA SPACING */
.page-week10b main section {
    margin: 32px 0;

}

.audio-section audio {
    width: 100%;
    max-width: 500px;

}


/* Youtube player */
.youtube-player {
    display: block;
    width: 100%;
    aspect-ratio: 16/9;
    border: 0;

}


.youtube-player iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;

}


/* SILENT LOOPING HEADER */

.hero-video {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 20px;
    border: 3px ridge var(--teal);
    border-radius: 8px;

}