main {
  flex-direction: row;
  flex-wrap: wrap;
}

.red {
  --border-image: url(../images/border/pad_red.png);
  --border-color: #770d3b;
}
.green {
  --border-image: url(../images/border/pad_green.png);
  --border-color: #028000;
}
.blue {
  --border-image: url(../images/border/pad_blue.png);
  --border-color: #2464eb;
}

div.clip {
  position: absolute;
  margin-top: -160px
}
.trinket {
  position: absolute;
  margin-top: -40px;
  margin-left: -60px;
}

section.pad {
  margin: 20px;
  margin-top: 170px;
  width: 400px;
  height: 700px;
  display: flex;
  flex-direction: column;
  border: 47px #c1160c solid;
  border-radius: 47px;
  border-image: var(--border-image) 47;
}

div.bar {
  outline: 9px #455148 solid;
  height: 18px;
  margin-bottom: 25px;
  background: url(../images/bar.png);
}
section.paper {
  height: 100%;
  background: white;
  border: 6px var(--border-color) solid;
}
section.paper p {
  padding: 0 20px;
}