Untitled

<!DOCTYPE html>

<html lang="en">
<head>
	<meta charset="utf-8" />
	<title>Halloween Store</title>
	<link rel="shortcut icon" href="images/favicon.ico">
	<img src="images/pumpkin.gif" alt="A pumpkin.">
	<header>
	<h1>The Halloween Store</h1>
	<h2>For the mischeavious spirit in us all.</h2>
	<link rel="stylesheet" href="styles/normalize.css">
	<link rel="stylesheet" href="styles/main.css">
	</header>

</head>
<main>

<h1>Welcome all ladies and gentlemen, children of all ages!</h1>
<h2>Won't you stay and browse these pages? It's certainly never good to keep your fears locked up in cages...</h2>
<body>

<p>I started this web site because Halloween has always been my favorite holiday. But during the last year, I started selling some of my favorite halloween products, and they've become quite a hit.</p>
<p>If you click on the Personal link, you can browse my favorite Halloween pictures, stories, and films. And if you join my email list, I will keep you up-to-date on all things Halloween. </p>

<p>Look below for some merchandise as ghastly and spooky as ghosts and souls!</p>

<div style="float:left;width:160px;">
<h3>Product Categories</h3>
<ul>
<li> <a href="Products/Props.html">Props</a></li>
<li><a href="Products/Costumes.html">Costumes</a></li>
<li><a href="Products/Special Effects.html">Special Effects</a></li>
<li><a href="Products/Masks.html">Masks</a></li>
</ul>
</div>


<h3> My grave guarantee</h3>
<p> If you aren't completely satisfied with everything you buy from my site, you can return it for a full refund. <b> No questions asked!</b><?p>
</body>
</main>


<footer>
<p>&copy; 2016 Ben Murach</p>
</footer>
</html>

********************************************
* {margin: 0;}

html {background: url("../images/bats.gif");}

body {font-family: Arial, Helvetica, sans-serif; font-size: 100%;
border: 6px solid black; box-shadow: 4px 4px 4px 4px #000000;
background-color: white; background-position: fixed;
margin: auto;
max-width: 1500px;
text-indent: 2em;
padding-bottom: 0.5em;}

main {width: 90%;}
main h1::first-letter { font-size: 250%}
main p {padding-bottom: 0.3em;}

header {border-bottom: 3px solid #000000;
background: linear-gradient(45deg, white, orange, black);}

h1, h2 {text-indent: 30px;}

h1 {font-size: 170%; img}

img {float: left;}

h2 {font-size: 170%;}

h3 {font-size: 130%;}

li {margin: 10px 0;}

a {color: orange; font-weight: bold;}

a.input:focus { color: green;}
a:hover { color: green;}

footer { font-size: 75%; text-align: center; border-top: 3px solid #000000;
background: linear-gradient(45deg, black, orange, white);
padding-bottom: 2em; padding-top: 2em;}