html {
	font-family: Comic Sans MS, cursive, sans-serif;
	font-size: 20px;
}

body  {
	font-family: Comic Sans MS, cursive, sans-serif;
	font-size: 20px;
	margin: 250px 15%;
	background-image: url("img/4.jpg");
}

#content {
	border-style: dotted;
	border-color: pink;
	padding: 15px;
}

header {
	position: absolute;
	top: 20px;
	left: 14%;
	margin-top: 30px;
	display: inline-flex;
	}
	
#menu {
	position: absolute;
	top: 1px;
	left: 15%;
	margin-top: 8px;
	background-color: white;
}

#menu > ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu > ul > li {
	display: inline;
	margin-right: 20px;
	padding-right: 20px;
	font-weight: bold;
	font-size: 30px;
	border-right: 2px solid black;
}

#menu > ul > li:last-child {
	border-right: none;
}

#owners {
	padding-top: 30px;
}

#owners > table > tr > td {
	width: 50%;
}

#owners > ul > li {
	display: inline;
}

li > a:hover {
	color: purple;
	text-decoration: underline;
	font-size: 500px;
}

li > a {
	text-decoration: none;
	color: black;
}

h1 {
	margin-top: 75px;
	font-size: 50px;
	color: green;
}

h2, h3 {
	margin: 24px 0 0 0;
	color: yellow;
}

p {
	margin: 0;
	color: pink;
}

.productImage {
	height: 200px;
	width: 200px;
	margin-left: 15px;
	float: right;
	border-radius: 10px;
}

.product {
	clear: both;
}

table {
	border-style: solid;
	border-width: 25px;
	border-bottom-color: orange;
	border-top-color: red;
}
footer {
	background-color:#EEE;
	width: 100%;
	height: 120px;
	margin-top: 30px;
	border-style: solid;
}

footer > p {
	text-align: center;
	color:#626262;
	margin-top: 15px;
}

#swish {
	margin-top: 5px;
}

img:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(34deg); }
  10% { transform: translate(-1px, -2px) rotate(-34deg); }
  20% { transform: translate(-3px, 76px) rotate(270deg); }
  30% { transform: translate(10px, 2px) rotate(0deg); }
  40% { transform: translate(64px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-42deg); }
  60% { transform: translate(-89px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 41px) rotate(-44deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(41px, 2px) rotate(149deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}