@font-face {
  font-family: carole-italic;
  src: url(../../-assets/fonts/carole-serif/CaroleSerifVariable-Italic.ttf);
}

@font-face {
  font-family: carole-regular;
  src: url(../../-assets/fonts/carole-serif/CaroleSerifVariable-Regular.ttf);
}

@font-face {
  font-family: carole-bold;
  src: url(../../-assets/fonts/carole-serif/CaroleSerif-Bold.otf);
}

@font-face {
  font-family: montserrat-bold;
  src: url(../../-assets/fonts/montserrat/montserrat_bold.otf);
}

body {
  background: #faf6f3;
  font-family: carole-regular;
  margin: 48px auto;
  padding: 32px 24px 0.5px;
  max-width: 500px;
}

h1 {
  color: #f0add8;
  font-family: montserrat-bold;
  font-size: 1.7rem;
  text-shadow: 1px 1px #c07da8;
}

.item {
  border-left: 4px double black;
  margin: 0 0 24px 2px;
  padding: 0 0 0 16px;
}

.item div:nth-child(1) {
  font-family: carole-bold;
}

.item div:nth-child(2) {
  border-left: 2px solid #e6dddd;
  margin: 3px 0 1px 16px;
  padding: 2px 0 3px 13px;
}

.item div:nth-child(3) {
  color: #cbb;
  font-family: carole-italic;
}