/* BODY */
body {
  background-image: url("images/bg.png");
  background-repeat: repeat;
  font-family: "Comic Sans MS", "MS PGothic";
  color: #ff8fb1; /* soft pink */
}

/* CONTAINER */
.container {
  width: 900px;
  margin: 20px auto;
  background: #fff7fb; /* very light pink */
  border: 4px solid #cdb4f6; /* pastel lavender */
}

/* HEADER */
.header img {
  width: 900px;
  display: block;
  margin-left:auto;
  margin-right:auto;
  border-bottom: 3px dotted #cdb4f6;
  background: #fffde7; /* soft yellow */
}

/* LAYOUT */
.layout {
  display: flex;
}

/* SIDEBAR */
.sidebar {
  width: 220px;
  background: #eafff3; /* mint green */
  padding: 10px;
  border-right: 3px dotted #cdb4f6;
  text-align: center;
}

.sidebar h3 {
  background: #fffde7; /* soft yellow */
  border: 2px solid #cdb4f6;
  padding: 5px;
}

.sidebar a {
  display: block;
  margin: 6px 0;
  padding: 6px;
  background: #ffffff;
  color: #ff8fb1;
  text-decoration: none;
  border: 2px solid #cdb4f6;
}

.sidebar a:hover {
  background: #ffe4ec; /* light pink hover */
}

/* CONTENT */
.content {
  padding: 15px;
  width: 680px;
}

.stamp {
  width: 120px;
}

/* BOXES */
.box {
  background: #ffffff;
  border: 3px solid #ffd6a5; /* pastel peach */
  padding: 10px;
  margin-top: 10px;
}

.box h4 {
  margin-top: 0;
  background: #eafff3; /* mint */
  padding: 5px;
  border: 2px dashed #ffd6a5;
}

/* FOOTER */
.footer {
  text-align: center;
  padding: 8px;
  background: #fffde7; /* soft yellow */
  border-top: 3px dotted #cdb4f6;
  font-size: 12px;
}

/* SMALL IMAGES */
.small-img {
  width: 120px;
  margin-top: 10px;
}