<!DOCTYPE HTML>
<html>
	<head>
	<meta charset="utf-8">
	<title>Embedded Style Sheet</title>
	<style>
	
		#myFakeElement { color:red ; }
		
		
		header {
			color: #08090c;
			background-color: #edf0ff;
			grid-column: 2 / -2;
			grid-row: 1 / 1;
			text-align: center;
			border-top-style: solid;
			border-right-style: solid;
			border-left-style: solid;
			border-color: #08090c;
		}	
		
		
		nav {
			color: #08090c;
			background-color: #edf0ff;
			font-weight: bold;
			grid-column: 2 / -2;
			grid-row: 2 / 3;
			border-bottom-style: solid;
			border-right-style: solid;
			border-left-style: solid;
			border-color: #08090c;
		}		

		
		nav ul {
			list-style-type: none;
			margin: 0;
			padding: 0px 0px 0px 0px;
			display: flex;
			flex-flow: row nowrap;
			text-align: center;
		}
		
		nav ul li {
			width: 100%;
		}
		
		h2 {
			text-align: center;
		}
		
		main {
			color: #08090c;
			background-color: #edf0ff;
			grid-column: 2 / -2;
			grid-row: 4 / 5;
			border-style: solid;
			border-color: #08090c;
			
		}	
		
		#homesaxophone {
				height: 400px;
				grid-row: 3 / 4;
				grid-column: 1 / -1;
				background-image: url("websitephotos/saxophonegirl.jpeg");
				background-position: center;
	
		}	
		
		main ul li {
			text-align:left;
		}
		
		ul#nodot {
			list-style-type: none;
		}
		
		.quote {
			color: #08090c;
			text-align: center;
			grid-row: 3/4;
			grid-column: 4/-4;
			text-align: center;
		}
	
		.violin {
			color: #08090c;
			padding-left: 50px;
			grid-column: 3 / -6 ;
			display: inline;
		}
		
		.viola	{
			color: #08090c;
			margin-left: auto-rows;
			float: right;
			grid-column: 7 / -4;
			text-align: right;
			display: inline-grid;
		}
		
		.clarinet {
			color: #08090c;
			
			padding-left: 50px;
			grid-column: 3 / -6 ;
			display: inline;
		}
		
		.saxophone {
			color: #08090c;
			padding-left: 50px;
			grid-column: 7 / -4;
			text-align: right;
			display: inline-grid;
		}
		
		.comp {
			color: #08090c;
			
			padding-left: 50px;
			grid-column: 3 / -6 ;
			display: inline;
		}
		
		.song {
			color: #08090c;
			padding-left: 50px;
			grid-column: 7 / -4;
			text-align: right;
			display: inline-grid;
		}
	
	
		#layout {
				display: grid;
				grid-auto-rows: minmax(0px, auto);
				grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 175px)) minmax(0px, 1fr);
		}
	
		
		
		
	
	
	</style>
	</head>
	<body>
	</body>
</html>	