.drawn-border {
  box-sizing: border-box;
  position: relative;
  /* padding: 0.1rem; */
}

.drawn-border::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.drawn-border.dark::after {
  background-image: url("/static/notts/images/dark_border.png");
}

.drawn-border.light::after {
  background-image: url("/static/notts/images/light_border.png");
}

.drawn-border.light.landscape::after {
  background-image: url("/static/notts/images/light_border_landscape.png");
}