@charset "utf-8";

/*
   Media Styles for Media
   Author: Charlie McCormick
   Date:   4/23/26

   Filename: media_media.css

*/

/* Audio and Video Player Styles */

audio, video {
   filter: drop-shadow(8px 8px 15px rgb(51, 51, 51));
   display: block;
   margin: 10px auto;
   width: 90%;
}

video { /* settings to make the video smaller and on the left */
   width: 100%;
   max-width: 300px;
   height: auto;
   display: block;
   margin: 0;
}

/* Track Styles */

::cue {
   background: rgba(0, 0, 0, 0.3);
   color: orange;
   font: 1.2em serif;
}

::cue(.Main) {
   text-shadow: black 3px 3px 0px;
   font: 2.5em serif;
}