body {
  margin: 0;
  font-family: Verdana, sans-serif;
  color: #1f3a2a;
  background:
    radial-gradient(circle at 20% 25%, #8bcf9f 0 18px, transparent 19px),
    radial-gradient(circle at 75% 55%, #b7e4c7 0 16px, transparent 17px),
    radial-gradient(circle at 50% 80%, #6fbf73 0 14px, transparent 15px),
    #e9f7ef;
  background-size: 180px 180px;
}

#wrapper {
  padding: 20px;
  margin: 0px auto;
  margin-top: 100px;
  max-width: 600px;
  min-width: 500px;
  background-color: #f4fff7;
  border: 3px solid #5fa777;
  box-shadow: 0 0 12px rgba(50,120,80,0.35);
}

#header {
  background: linear-gradient(to right, #40916c, #74c69d);
  color: #effff5;
  padding: 16px;
  text-align: center;
}


.box {
  padding: 20px;
  background: linear-gradient(to bottom, #f4fff7, #ddf2e4);
  border: 2px solid #74c69d;
  margin-bottom: 14px;
}

.box h2 {
  background: linear-gradient(to right, #40916c, #74c69d);
  color: #ffffff;
  padding: 7px;
}

a { color: #2d6a4f; }
a:hover { color: #e76f51; }