/* 
Student Name: Kylie Pollock
File Name:styles.css
Date:09/16/24
*/
	
	/* Css Reset */
	body, header, nav, main, footer, img, h1 {
			margin: 0;
			padding: 0;
			border: 0;
		}
	
	/* Style rule for images */
	img {
		max-width: 100%;
		display: block;
	}

  	/* Style rules for header content */
  		header {
  			text-align: center;
  			font-size: 2em;
  			color: #373684;
 	}
 	
  	header h1 {
  		font-style: italic;
 	}
 	
  	/* Style rules for navigation area */
		nav {
  			background-color: #363684;
  		}
  	
  		nav li {
  			list-style-type: none;
  			margin: 0;
  			text-align: center;
  		}
  	
  		nav li {
  			display: inline-block;
  			font-size: 2em;
  		}
  	
  	nav li a {
  		display: block;
  		color: #fff;
  		text-align: center;
  		padding: 0.5em 1em;
  		text-decoration: none;
  	}
  	
	/* Style rules for main content */
	main {
		padding: 2%;
  		background-color: #e5e9fc;
  		overflow: auto;
  		font-family: Verdana, Arial, sans-serif;
  	}
  	
  	main p {
  		font-size: 1.25em;
  	}
  	
  	.action {
  		font-size: 1.75em;
  		color: #373684;
  		font-weight: bold;
  	}
  	
  	#piano, #guitar, #violin {
  		width: 29%;
  		float: left;
  		margin: 0 2%;
  	}
  	
  	#info {
  		clear: left;
  		background-color: #c0caf7;
  		padding: 1% 2%;
  	}
  	
  	#contact {
  		text-align: center;
  	}
  	
  	#contact a {
  		color: #4645a8;
  		text-decoration: none;
  		font-weight: bold;
  	}
  	
	.map {
		border: 5px solid #373684;
	}

  	/* Style rules for footer content */
  	footer {
  		text-align: center;
  		font-size: 0.65em;
  		clear: left;		
  	}
  		
  	footer a {
  			color: #4645a8;
  			text decoration: none;
  	}