/*  */
/* Creating my custom theme */
/*  */

body {
    color: #C00000;
    background-color: #FFDEE3;
}

.nes-container {
    border-color: #C00000;
}

/* Container titles get same background color */
.nes-container.with-title > .title {
  display: table;
  padding: 0 0.5rem;
  margin: -1.8rem 0 1rem;
  font-size: 1rem;
  background-color: #FFDEE3;
}

/* Primary color is now red */
.nes-text.is-primary {
  color: #FF3334;
}

.nes-btn.is-primary {
  color: #fff;
  background-color: #FF6F77;
}

.nes-btn.is-primary::after {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  content: "";
  box-shadow: inset -4px -4px rgb(179, 48, 48);
}

.nes-btn.is-primary:hover {
  color: #fff;
  text-decoration: none;
  background-color: #dd3f47;
}

.nes-btn.is-primary:hover::after {
  box-shadow: inset -6px -6px rgb(179, 48, 48);
}

.nes-btn.is-primary:focus {
  box-shadow: 0 0 0 6px rgba(0, 107, 179, 0.3);
}

.nes-btn.is-primary:active:not(.is-disabled)::after {
  box-shadow: inset 4px 4px #910303;
}

/* Error button has same text color as background */
.nes-btn.is-error {
    color: #FFDEE3;
}

.nes-text.is-error {
    color: #FF6F77;
}