* {
  margin: 0;
  padding: 0;
}

body {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #fdfafa), to(#3a3a3a));
  background-image: linear-gradient(180deg, #fdfafa 10%, #3a3a3a);
}

#wrap {
  color: #161616;
  width: 1260px;
  margin: auto;
  font-family: 'Trebuchet MS';
  position: relative;
}

#wrap #quit {
  position: fixed;
}

#wrap #quit a {
  text-decoration: none;
  color: #353434;
  border-right: 2px #01204e solid;
}

#wrap .content {
  border-bottom: 1px #8b8b8b solid;
  width: 100%;
  height: 800px;
  line-height: 30px;
  top: 0;
  left: 50%;
}

#wrap .content h2 {
  text-align: center;
}

#wrap .content .content2,
#wrap .content .content1 {
  margin-top: 20px;
  width: 500px;
  height: 600px;
  border-radius: 10px;
  position: absolute;
}

#wrap .content .content2 li,
#wrap .content .content1 li {
  list-style: none;
  font-weight: bold;
  text-indent: 2em;
}

#wrap .content .content1 {
  background-image: linear-gradient(-30deg, #28302c 20%, #d9fcf9);
  top: 0;
  left: 5%;
}

#wrap .content .content2 {
  background-image: linear-gradient(30deg, #253441 20%, #f1f2fc);
  top: 0;
  right: 5%;
}

#wrap .content .content2 img {
  width: 150px;
  height: 150px;
}

#wrap footer {
  height: 100px;
  text-align: center;
}

#wrap footer img {
  width: 40px;
  height: 40px;
  opacity: 0.2;
  margin-right: 40px;
  border-radius: 50%;
}
/*# sourceMappingURL=about.css.map */