@charset "utf-8";

/*
   Author: Gerson Magday
   Date: 04/21/2026  

   Filename: media.css

*/

/* Body */

	body {
		background-color: aliceblue;
	}
	
	table {
		width: 80%;
	}
	
	img {
		width: 100%;
	}
	
	td.sidebar {
		width: 20%;
		background-color: #d1e0e0; 
		vertical-align: top;
	}
	
	td.media {
		width: 40%;
		background-color: #e1eaea; 
		padding: 30px;
		vertical-align: top;
	}
	
	td.footer {
		background-color: #003300; 
		color: #ffffff; 
		height: 100px;
	}

/* Audio and Video Player Styles */
	
	audio, video {
		filter: drop-shadow(8px 8px 15px rgb(51, 51, 51));
		width: 90%;
	}


/* Track Styles */

	::cue {
		background: rgba(0, 0, 0, 0.3);
		color: white;
		font: 1.2em serif;
	}
	
	::cue(.Main) {
		text-shadow: black 3px 3px 0px;
		font: 1.2em serif;
	}