/* Import the Font */
@import url('https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Slab&display=swap'); 
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/* Google Material Icons */
.material-icons {
  	vertical-align: text-bottom;
	}

/* Video page Definitions */
body {
	margin: 5px; 
	padding: 0; 
	background-color: #1a102b;
	background-image: linear-gradient(to bottom, #774bc4, #492e78, #1a102b, #000);
	font-family: LatoWeb, Lato, Arial, sans-serif;
	}
main {
	max-width:1024px;
	margin: auto;
	}
footer {
	style="margin: auto; 
	width: 100%; 
	font-family: 'Roboto Slab', san-serif; 
	font-size: 0.8em;
	color: white;
	}

.vidplayer {
	max-width: 854px; 
	margin: auto;
	}
.player640 {
	max-width: 640px; 
	margin: auto;
	}
.player540 {
	max-width: 540px; 
	margin: auto;
	}



#cultivate-video {
	width: 100%; 
	height: auto;
	color: white;
	background-color: black;
	border-radius: 5px;
	border: 2px solid black;	
}

.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}	

h1, h2, h3 {
	font-family: 'Roboto Slab', Rockwell, Arial, sans-serif;
	color: white;
	margin-bottom: 10px;
}
ul	{
	padding: 10px;
	list-style-type: none;
	}
li	{
	padding-bottom: 0.5em;
	text-indent: -30px;
    	margin-left: 30px;

}
small	{
	font-size: 1rem;
}