@charset "utf-8";
/*
   
   Author: Logan Fleenor
   Date: 3/13/2023
   Filename: stump_layout.css


*/


/* =============================================
	Base styles used by All Screens
   =============================================
*/

html {
	background-image: url(woodbark.jpg);
	background-repeat: repeat;
	margin-left: auto;
	margin-right: auto;
	max-width: 960px;
	min-width: 640px;
	width: 95%;
}

body {
	text-align: center;
	font-family: "Arial";
	background-color: #efdecd;
	border-left: 1px solid rgb(51, 51, 51);
	border-right: 1px solid rgb(51, 51, 51);
	box-shadow: rgb(51, 51, 51) 15px 0px 25px,
				rgb(51, 51, 51) -15px 0px 25px;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50;
}

video {
	margin-left: auto;
	margin-right: auto;
}

/* Text box size for e-mail form */

input[type=text], [type=email], [type=tel] {
	width: 25%;
}

input[type=submit] {
	width: 15%;
}


/* Header style */
	
header {
	background-color: DarkSeaGreen;
}

header a:link, a:visited, a:active a:hover  {
	color: white;
}


/* Horizontal Navigation Styles */


nav {
	height: auto;
	width: 100%;
	background-color: black;
	list-style-type: none;
	margin: 0;
	padding: 0px;
}

li {
	float: left;
	border-right: 1px solid #bbb;
}


li a {
	display: block;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}

li a:hover {
	background-color: DarkSeaGreen;
}

/* Navigation Pages Styles */

/* Body Footer Styles */

body > footer {
	background-color: DarkSlateGrey;
	color: White;
	font-size: 20px;
	text-align: center;
	font-family: "Georgia";
}

footer a:link, a:visited, a:active {
	color: white;
}

footer a:hover {
	color: DarkSeaGreen;
}