.nes-container {
  position: relative;
  padding: 0rem 0rem;
  border-color: darkred;
  border-style: solid;
  border-width: 5px;
}

.nes-container > :last-child {
  margin-bottom: 0;
}

.nes-container.is-centered {
  text-align: center;
}

.nes-container.is-right {
  text-align: right;
}

.nes-container.with-title > .title {
  display: table;
  padding: 0 0.5rem;
  margin: -1.8rem 0 1rem;
  font-size: 1rem;
  background-color: #222222;
}

.nes-container.with-title.is-centered > .title {
  margin: -2rem auto 1rem;
}

.nes-container.with-title.is-right > .title {
  margin: -2rem 0 1rem auto;
}

.nes-container.is-dark {
  position: relative;
  margin: 2px;
  color: #eeeeee;
  background-color: #121212;
  border-color: darkred;
}

.nes-container.is-dark::after {
  position: absolute;
  top: -7.2px;
  right: -7.2px;
  bottom: -7.2px;
  left: -7.2px;
  z-index: -1;
  content: "";
  background-color: #121212;
}

.nes-container.is-dark.with-title > .title {
  color: #eeeeee;
  background-color: #121212;
}

.nes-container.is-rounded {
  border-style: solid;
  border-width: 5px;
  border-image-source: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" ?><svg version="1.1" width="8" height="8" xmlns="http://www.w3.org/2000/svg"><path d="M3 1 h1 v1 h-1 z M4 1 h1 v1 h-1 z M2 2 h1 v1 h-1 z M5 2 h1 v1 h-1 z M1 3 h1 v1 h-1 z M6 3 h1 v1 h-1 z M1 4 h1 v1 h-1 z M6 4 h1 v1 h-1 z M2 5 h1 v1 h-1 z M5 5 h1 v1 h-1 z M3 6 h1 v1 h-1 z M4 6 h1 v1 h-1 z" fill="rgb(139,0,0)" /></svg>');
  border-image-slice: 3;
  border-image-width: 3;
  border-image-repeat: stretch;
  border-image-outset: 2;
  padding: 1rem 1.5rem;
  margin: 2px;
}

.nes-container.is-rounded.with-title > .title {
  margin-top: -1.5rem;
}

.nes-container.is-rounded.with-title.is-centered > .title {
  margin: -1.5rem auto 1rem;
}

.nes-container.is-rounded.with-title.is-right > .title {
  margin: -1.5rem 0 1rem auto;
}

.nes-container.is-dark.is-rounded {
  border-style: solid;
  border-width: 5px;
  border-image-source: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" ?><svg version="1.1" width="8" height="8" xmlns="http://www.w3.org/2000/svg"><path d="M3 1 h1 v1 h-1 z M4 1 h1 v1 h-1 z M2 2 h1 v1 h-1 z M5 2 h1 v1 h-1 z M1 3 h1 v1 h-1 z M6 3 h1 v1 h-1 z M1 4 h1 v1 h-1 z M6 4 h1 v1 h-1 z M2 5 h1 v1 h-1 z M5 5 h1 v1 h-1 z M3 6 h1 v1 h-1 z M4 6 h1 v1 h-1 z" fill="rgb(139,0,0)" /></svg>');
  border-image-slice: 3;
  border-image-width: 3;
  border-image-repeat: stretch;
  border-image-outset: 0;
  padding: 1rem 1.5rem;
  margin: 4px;
}

.nes-container.is-dark.is-rounded::after {
  content: none;
}

.nes-container.is-dark.is-rounded.with-title > .title {
  margin-top: -1.3rem;
}

.nes-container.is-dark.is-rounded.with-title.is-centered > .title {
  margin: -1.3rem auto 1rem;
}

.nes-container.is-dark.is-rounded.with-title.is-right > .title {
  margin: -1.3rem 0 1rem auto;
}