/* Stylesheet for MIonlinecraftshow */
/* Julie Weber */

/* body styles to set font, background color, and margin */


body {
	font-family: Verdana, Helvetica, sans-serif;
	margin: 5%;
	text-align: center;
	background-color: rgb(240, 215, 230); /* gainsboro - very light grayish-lavender color */
}
body:hover {	
    background-color: rgba(255,239,213,1); /* papayawhip */
	transition: background-color 1s ease-in-out; /* for color transition */
	}
	


/* header */

h1 {
	text-align: center;
	font-family: 'Times New Roman', serif;
	font-size: 3.5em; /* larger than usual */
	color: rgb(187, 70, 124); /* dark orchid */
}

/* Container */

.container {
    margin: 0 auto;
    max-width: 100%;
    width: 1400px;
    
}

/* logo */

#logo {
    display: flex;
}

/* images */

.imagesm {
    max-width: 20%;
}

/* Nav */

	#nav {
		position: absolute;
		right: 0;
		top: 0;
		font-size: 0.9em;
	}

		#nav ul {
			list-style: none;
			padding-left: 0;
		}

			#nav ul li {
				float: left;
				line-height: 4.5em;
				padding-left: .5em;
			}
			nav ul li a {
				text-decoration: none;
					border-radius: 6px;
					padding: 0.3em 1em 0.3em 1em;
			}
				#nav ul li > ul {
					display: none;
					
				}

				#nav ul li:hover a, #nav ul li:hover span {
					background: #fff;
				}

				#nav ul li.active a, #nav ul li.active span {
					background: #fff;
				}

				#nav ul li.current a {
					background: #a74987;
					color: #fff;
				}