body {
  margin: 0;
  background: #06E4EF;
}

header {
  background: red;
  height: 200px;
  padding: 0 0 0 40px;
  border-bottom: yellow 9px dotted;
}

.logo {
  color: #06E4EF;
  text-align: center;
  font-size: 4em;
  margin-top: -90px;
  text-shadow: 1px 9px 0px rgba(0, 0, 0, 1);
  
}

nav li {
  color: blue;
  font-size: 1.5em;
}

nav li:hover {
  font-size: 1.9em;
}

nav li:first-child {
  font-weight: bold;
}

nav li:nth-child(3) {
  color: white;
  font-size: 1.9em;
}

nav li:nth-child(4) {
  font-style: italic;
}

.new {
  float: right;
  width: 4%;
  margin-top: -70px;
}

.welcome {
  text-align: center;
  color: #5FF73B;
  font-size: 2em;
}

.product {
  width: 250px;
  height: 200px;
  border: #000 double 10px;
  margin: 0 0 40px 20px;
  outline: inset 8px red;
  font-size: 1.5em;
}

.eye {
  width:100%;
}

.main {
  float: right;
  margin-top: -500px;
  width: 1500px;
  height: 800px;
  border: solid 2px #fff;
  background: url(http://www.geocities.ws/heather_32087/background6.gif);
}

.main a {
  color: red;
}

.main h3 {
  color: #fff;
  text-align: center;
}

.main h1 {
  text-align: center;
  margin: 100px 0 0 0;
  font-weight: normal;
  background: #000;
  color: #fff;
}

.main img:nth-child(5) {
  float: right;
  margin-right: 90px;
  margin-top: 30px;
}

.main marquee {
  color: blue;
  background: yellow;
  padding: 10px;
  width: 1000px;
}

iframe {
  display: none;
}

.pop-up {
  background: #C0C0C0;
  width: 300px;
  height: 300px;
  position: fixed;
  bottom: 15%;
  left: 15%;
  -webkit-box-shadow: -7px 7px 5px 0px rgba(50, 50, 50, 0.15);
  -moz-box-shadow: -7px 7px 5px 0px rgba(50, 50, 50, 0.15);
  box-shadow: -7px 7px 5px 0px rgba(50, 50, 50, 0.15);
  display: none;
  padding: 15px;
  border: #888 inset 5px;
}

.pop-up img {
  display: block;
  margin: 0 auto;
}

.close {
  font-size: 2em;
}