ok..
this is the html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Graphic Design" content="text/html; charset=utf-8" />
<title>The Principles of Design</title>
<link href="admiring bog designs.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>Principles of Design</h1>
<P>Websters Dictionary defins the word "principles" as "a rule or code fo conduct." <a href="Principle - Definition and More from the Free Merriam-Webster Dictionary.htm">(www.merriam-webster.com/dictionary/principle)</a> Wether we realize it or not, just about every thing we do is governed by some form of principle or another. This is true for design too. It is debatable as to exactly how many principles there actually are. If you were to google it there are some sites that will tell you that there are only five while others give you as many as twenty. For all intensive purposes I am going to cover the seven that I believe are important. The Seven Principles of Design are: Unity, Balance, Consistency, Contrast, Emphasis, Movement, and Rhythm.</P>
<h2>Unity</h2>
<h2>Balance</h2>
<h2>Consistency</h2>
<h2>Contrast</h2>
<h2>Emphasis</h2>
<h2>Movement</h2>
<h2>Rhythm</h2>
</body>
</html>
and here is my css:
@charset "utf-8";
/* CSS Document */
h1 {
font-family: "Garromond";
font-size: 40px;
text-align: center;
color: #472469;
text-shadow: 5px 5px 5px #A7356A;
padding: 15px 14px;
width: 400px;
background-color: #AF61EB;
background-shadow: 5px 5px 5px #A7356A;
Margin: 20px 600px;
box-shadow: 5px 5px 5px #DB8EFF;
}
h2 {
border: thin solid #306;
font-family: "Adobe Caslon Pro Bold";
font-size: 20px;
color: #5A1A60;
text-align: center;
text-shadow: 5px 5px 5px #A7356A;
background-color: #AF61EB;
padding: 15px 14px;
width: 100px;
text-shadow: 5px 5px 5px #A7356A;
box-shadow: 5px 5px 5px #DB8EFF;
}
p {
font-family: "Helveteca";
font-size: 20px;
color: black;
text-shadow: 1px 1px 1px #A7356A;
text-align: left;
text-indent: 2em
Margin: 40px 450px;
}
body {
background-color: #grad
/* For Safari 5.1 to 6.0 */
background: -webkit-linear-gradient(left,#ff4f97,#ff8130,#ffc242,#86ff4d,#4fffdc,#4043ff,#973eff);
/* For Opera 11.1 to 12.0 */
background: -o-linear-gradient(left,#ff4f97,#ff8130,#ffc242,#86ff4d,#4fffdc,#4043ff,#973eff);
/* For Fx 3.6 to 15 */
background: -moz-linear-gradient(left,#ff4f97,#ff8130,#ffc242,#86ff4d,#4fffdc,#4043ff,#973eff);
/* Standard syntax */
background: linear-gradient(to right,#ff4f97,#ff8130,#ffc242,#86ff4d,#4fffdc,#4043ff,#973eff);
width: auto;
margin-top: 10px;
margin-right: 100px;
margin-bottom: 10px;
margin-left: 100px;
border: 25px 200px;
border: medium groove #DB8EFF;
position: relative;
box-shadow: 6px 6px 6px #E69EFF;
}