.navbar-logo-left {
  background-color: #13141f;
}

.navbar-logo-left-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-logo-left-container.shadow-three {
  width: 100%;
  max-width: 1140px;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.nav-container {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-two {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link {
  color: #fff;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover, .nav-link:focus {
  color: #ffc466;
}

.nav-link:focus-visible {
  outline-offset: 0px;
  color: #ffc466;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #ffc466;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link.w--current, .nav-link.w--current:hover {
  color: #f7ca44;
}

.nav-link.w--current:focus {
  color: #ff9d00;
}

.nav-link.current {
  color: #ffc466;
}

.nav-link.escurrent, .nav-link.pathcurrent {
  color: #f7ca44;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-divider {
  background-color: #e4ebf3;
  width: 1px;
  height: 22px;
  margin-left: 15px;
  margin-right: 15px;
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: #1a1b1fbf;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #333a3f;
  border: 1px solid #ff9d00;
  border-radius: 10px;
  padding: 12px 25px;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.hero-heading-left {
  background-color: #2e303f;
  border-bottom: 1px #e4ebf3;
  padding: 40px 30px 20px;
  position: relative;
}

.hero-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 46%;
  display: flex;
}

.sub-title {
  color: #fff;
  margin-bottom: 24px;
  font-size: 20px;
  line-height: 28px;
}

.sub-title.small-font {
  align-self: center;
  font-size: 14px;
}

.shadow-two {
  border-radius: 12px;
}

.hero-heading-right {
  background-color: #13141f;
  border-bottom: 1px #e4ebf3;
  padding: 40px 30px;
  position: relative;
}

.hero-without-image {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.hero-wrapper-two {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-block {
  color: #fff;
  font-weight: 700;
}

.heading {
  color: #fff;
  text-align: left;
  font-size: 38px;
  font-weight: 700;
}

.bold-text {
  font-size: 33px;
}

.heading-2, .heading-3 {
  color: #fff;
}

.logos-quote-block {
  border-bottom: 1px solid #e4ebf3;
  padding: 60px 30px;
  position: relative;
}

.container-2 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.clients-wrapper-two {
  justify-content: space-between;
  align-items: center;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.clients-card {
  background-color: #f5f7fa;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  padding: 24px;
  display: flex;
}

.clients-quote {
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.clients-info {
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

.clients-info-image {
  object-fit: cover;
  width: 50px;
  height: 50px;
  margin-right: 24px;
}

.clients-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.hero-subscribe-right {
  background-color: #13141f;
  border: 1px #000;
  padding: 0 30px;
  position: relative;
}

.hero-wrapper-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 680px;
  max-width: 100%;
  display: block;
}

.shadow-two-2 {
  display: block;
  overflow: visible;
}

.margin-bottom-24px {
  margin-bottom: 24px;
}

.hero-form {
  margin-bottom: 12px;
}

.hero-form-container {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.hero-form-input {
  color: #1a1b1f;
  border: 1px solid #d1d6db;
  width: 240px;
  height: auto;
  margin-bottom: 0;
  margin-right: 9px;
  padding: 5px 16px;
  font-size: 14px;
  line-height: 20px;
  transition: all .2s;
}

.hero-form-input:hover, .hero-form-input:focus {
  border-color: #76879d;
}

.hero-form-input::placeholder {
  color: #1a1b1fcc;
}

.button-primary-2 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-2:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-2:active {
  background-color: #43464d;
}

.button-primary-2.footer-form-button {
  padding: 8px 18px;
  position: absolute;
  right: 8px;
}

.text-link-arrow {
  color: #1a1b1f;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.arrow-embed {
  margin-left: 2px;
  display: flex;
}

.team-circles {
  border-bottom: 1px #e4ebf3;
  padding: 40px 30px;
  position: relative;
}

.centered-heading {
  color: #fff;
  text-align: left;
  -webkit-text-stroke-color: #fff;
  margin-bottom: 16px;
}

.centered-subheading {
  color: #fff;
  text-align: left;
  max-width: 530px;
  margin-left: auto;
  margin-right: auto;
}

.team-grid {
  grid-column-gap: 64px;
  grid-row-gap: 56px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  display: grid;
}

.team-card {
  text-align: center;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  display: block;
}

.team-member-image {
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 50%;
  width: auto;
  max-width: 50px;
  height: auto;
  max-height: none;
  margin-bottom: 24px;
  display: block;
  position: static;
}

.team-member-name {
  color: #fff;
  text-align: left;
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.team-member-position {
  margin-bottom: 24px;
}

.paragraph, .paragraph-2, .paragraph-3, .paragraph-4 {
  color: #fff;
  text-align: left;
}

.paragraph-5 {
  color: #fff;
}

.remote, .discuss, .artist, .music {
  display: block;
}

.footer-join-discord {
  background-color: #13141f;
  border-bottom: 1px solid #e4ebf3;
  padding: 50px 30px 40px;
  position: relative;
}

.container-3 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.mha-footer {
  background-color: #13141f;
  margin-bottom: 0;
  padding: 0 64px;
}

.footer-form-container-two {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-form-title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.footer-form-block-two {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.footer-form-input {
  border: 1px #000;
  width: 460px;
  height: 48px;
  margin-bottom: 0;
  padding: 12px 180px 12px 20px;
}

.footer-form-input::placeholder {
  color: #1a1b1fcc;
}

.footer-wrapper-three {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-block-three {
  justify-content: flex-start;
  align-items: center;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.footer-link-three {
  color: #1a1b1f;
  margin-left: 20px;
  margin-right: 20px;
  text-decoration: none;
}

.footer-link-three:hover {
  color: #1a1b1fbf;
}

.footer-social-block-three {
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.footer-social-link-three {
  margin-left: 32px;
}

.footer-divider-two {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.footer-bottom {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-copyright {
  color: #fff;
}

.footer-legal-block {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-legal-link {
  color: #3a4554;
  margin-left: 24px;
}

.footer-legal-link:hover {
  color: #3a4554;
}

.button {
  background-color: #1a1b1f;
  border: 1px solid #000;
  border-radius: 5px;
  font-weight: 700;
}

.footer-section {
  background-color: #13141f;
  border: 1px #000;
  padding: 20px 30px;
  position: relative;
}

.container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 5px;
  font-size: 40px;
  line-height: 50px;
  display: grid;
}

.footer-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.footer-content {
  grid-column-gap: 70px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title-small {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.footer-link {
  color: #1a1b1f;
  margin-top: 12px;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}

.footer-link:hover {
  color: #1a1b1fbf;
}

.footer-social-block {
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  margin-left: -12px;
  display: flex;
}

.footer-social-link {
  margin-left: 12px;
}

.footer-divider {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 15px;
}

.footer-copyright-center {
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
}

.footer-ender {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
}

.disccord-button {
  text-align: center;
  background-color: #2e303f;
  border: 1px solid #ff9d00;
  border-radius: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
}

.x-twitter {
  width: 100px;
  position: static;
}

.link-block {
  aspect-ratio: 3 / 2;
  object-fit: contain;
  display: block;
}

.xlink {
  margin-left: 10px;
  margin-right: 10px;
}

.hero-without-image-2 {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-4 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper-two-2 {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.margin-bottom-24px-2 {
  margin-bottom: 24px;
}

.button-primary-4 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-4:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-4:active {
  background-color: #43464d;
}

.button-primary-3 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-3:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-3:active {
  background-color: #43464d;
}

.testimonial-slider-large {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.testimonial-slider-two {
  background-color: #0000;
  height: auto;
}

.testimonial-slide {
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 12px 12px 12px 64px;
  display: flex;
}

.testimonial-content {
  flex-direction: column;
  align-items: flex-start;
  max-width: 460px;
  margin-right: 40px;
  display: flex;
}

.testimonial-quote-icon {
  margin-bottom: 24px;
}

.testimonial-quote {
  margin-bottom: 32px;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.testimonial-info-two {
  align-items: center;
  display: flex;
}

.testimonial-image {
  object-fit: cover;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-right: 16px;
}

.testimonial-author-name {
  font-weight: 700;
}

.testimonial-image-two {
  object-fit: cover;
  width: 350px;
  height: 400px;
}

.testimonial-author-image-three {
  object-fit: cover;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-right: 24px;
}

.testimonial-slider-arrow {
  display: none;
}

.testimonial-slider-nav {
  margin-top: 24px;
  font-size: 10px;
  position: static;
  bottom: -60px;
}

.gallery-slider {
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.gallery-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.gallery-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.gallery-slide {
  background-color: #0000;
  height: auto;
}

.gallery-slide-wrapper {
  max-width: 47%;
  margin-right: 6%;
}

.gallery-slide-image {
  position: relative;
}

.gallery-image {
  width: 100%;
}

.gallery-slide-text {
  color: #f5f7fa;
  margin-bottom: 0;
  line-height: 32px;
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: 24px;
}

.gallery-slider-left {
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
  left: -50px;
}

.gallery-slider-left:focus-visible {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.gallery-slider-left[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.slider-arrow-embed {
  color: #1a1b1f;
}

.gallery-slider-right {
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
  right: -50px;
}

.gallery-slider-right:focus-visible {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.gallery-slider-right[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.gallery-slide-nav {
  display: none;
}

.hero-subscribe-left {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.hero-wrapper-3 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 46%;
  display: flex;
}

.margin-bottom-24px-3 {
  margin-bottom: 24px;
}

.hero-form-2 {
  margin-bottom: 12px;
}

.hero-form-container-2 {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.hero-form-input-2 {
  color: #1a1b1f;
  border: 1px solid #d1d6db;
  width: 240px;
  height: auto;
  margin-bottom: 0;
  margin-right: 9px;
  padding: 5px 16px;
  font-size: 14px;
  line-height: 20px;
  transition: all .2s;
}

.hero-form-input-2:hover, .hero-form-input-2:focus {
  border-color: #76879d;
}

.hero-form-input-2::placeholder {
  color: #1a1b1fcc;
}

.button-primary-5 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-5:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-5:active {
  background-color: #43464d;
}

.text-link-arrow-2 {
  color: #1a1b1f;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.arrow-embed-2 {
  margin-left: 2px;
  display: flex;
}

.shadow-two-3 {
  box-shadow: 0 4px 24px #96a3b514;
}

.footer-ender-ama {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
}

.hero-without-image-3 {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-6 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper-two-3 {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.margin-bottom-24px-4 {
  margin-bottom: 24px;
}

.button-primary-6 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-6:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-6:active {
  background-color: #43464d;
}

.features-table {
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.centered-heading-2 {
  text-align: center;
  margin-bottom: 16px;
}

.centered-subheading-2 {
  text-align: center;
  max-width: 530px;
  margin-left: auto;
  margin-right: auto;
}

.watch-series-table {
  flex-direction: column;
  margin-top: 0;
  display: flex;
}

.watch-series-title-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #2e303f;
  border-bottom: 1px solid #e4ebf3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 10px;
  padding-bottom: 10px;
  display: grid;
}

.comparison-title {
  margin-bottom: 0;
  margin-left: 24px;
}

.watch-series-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #e4ebf3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 10px;
  padding-bottom: 10px;
  display: grid;
}

.comparison-negative {
  background-image: url('../images/');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-left: 24px;
  padding-left: 40px;
}

.comparison-positive {
  background-image: url('../images/');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-left: 24px;
  padding-left: 40px;
}

.watch-container, .top-page-container, .read-series-container {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.read-series-table {
  flex-direction: column;
  margin-top: 20px;
  display: flex;
}

.read-series-title-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  background-color: #2e303f;
  border-bottom: 1px solid #e4ebf3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 10px;
  padding-bottom: 10px;
  display: grid;
}

.read-series-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #e4ebf3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 10px;
  padding-bottom: 10px;
  display: grid;
}

.time-line-container {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.main-series {
  flex-direction: column;
  margin-top: 0;
  display: flex;
}

.time-line-title-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #2e303f;
  border-bottom: 1px solid #e4ebf3;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 10px;
  padding-bottom: 10px;
  display: grid;
}

.time-line-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px #e4ebf3;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 10px;
  padding-bottom: 10px;
  display: grid;
}

.wiki-link {
  color: #c294ff;
  margin-right: 20px;
}

.resource-link {
  color: #c294ff;
}

.time-line-item-container {
  border-bottom: 3px solid #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.time-line-container-right {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 80%;
  margin-bottom: 0;
  margin-left: 20px;
  margin-right: 20px;
  display: inline-block;
}

.time-line-title, .time-line-description {
  color: #fff;
}

.top-banner-section {
  background-color: #2e303f;
  border-bottom: 1px solid #e4ebf3;
  padding: 20px 30px;
  position: relative;
}

.wrapper-container {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 990px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.top-page-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 10px;
}

.top-page-description {
  color: #fff;
  margin-bottom: 24px;
}

.time-line-button {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.time-line-button:hover {
  color: #fff;
  background-color: #32343a;
}

.time-line-button:active {
  background-color: #43464d;
}

.series-table-section {
  background-color: #13141f;
  border-bottom: 1px solid #e4ebf3;
  padding: 40px 30px;
  position: relative;
}

.watch-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 24px;
}

.watch-item-heading, .watch-item-description {
  color: #fff;
}

.read-series-title {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 24px;
}

.read-item-heading, .read-item-description {
  color: #fff;
}

.footer-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 5px;
  font-size: 40px;
  line-height: 50px;
  display: grid;
}

.hero-without-image-3-copy {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.series-resource-button {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  border: 1px solid #fff;
  border-radius: 10px;
  margin-right: 10px;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.series-resource-button:hover {
  color: #fff;
  background-color: #32343a;
}

.series-resource-button:active {
  background-color: #43464d;
}

.time-line-table-sectiion {
  background-color: #13141f;
  border-bottom: 1px solid #e4ebf3;
  padding: 40px 30px;
  position: relative;
}

.time-line-table-title {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 24px;
}

.time-line-item-image {
  float: left;
  border-radius: 5px;
}

.wiki-link-2 {
  color: #ffc466;
  margin-right: 20px;
}

.resource-link-2 {
  color: #ffc466;
}

.supplemental-series, .movie-one-shot {
  flex-direction: column;
  margin-top: 0;
  display: flex;
}

.back-top {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  border-radius: 10px;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
  display: block;
  position: fixed;
  bottom: 0;
  right: 0;
}

.back-top:hover {
  color: #fff;
  background-color: #32343a;
}

.back-top:active {
  background-color: #43464d;
}

.bonus-roles-table-section {
  background-color: #13141f;
  border-bottom: 1px solid #e4ebf3;
  padding: 40px 30px;
  position: relative;
}

.bonus-roles-table-container {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.bonus-roles-table {
  flex-direction: column;
  margin-top: 0;
  display: flex;
}

.bonus-roles-title-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #2e303f;
  border-bottom: 1px solid #e4ebf3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  padding-bottom: 10px;
  display: grid;
}

.watch-title-copy {
  margin-bottom: 0;
  margin-left: 24px;
}

.bonus-roles-title {
  color: #fff;
  margin-bottom: 0;
  margin-left: 24px;
}

.bonus-roles-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #e4ebf3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 10px;
  padding-bottom: 10px;
  display: grid;
}

.bonus-roles-heading, .bonus-roles-item-description {
  color: #fff;
}

.emoji-servers-table-section {
  background-color: #13141f;
  border-bottom: 1px solid #e4ebf3;
  padding: 40px 30px;
  position: relative;
}

.emoji-server-container {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.recipro-booster-servers {
  flex-direction: column;
  margin-top: 0;
  display: flex;
}

.recipro-booster-servers-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #e4ebf3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 10px;
  padding-bottom: 10px;
  display: grid;
}

.recipro-booster-servers-container {
  text-align: center;
  margin-bottom: 10px;
}

.emoji-button {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  border: 1px solid #fff;
  border-radius: 5px;
  margin-left: 10px;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.emoji-button:hover {
  color: #fff;
  background-color: #32343a;
}

.emoji-button:active {
  background-color: #43464d;
}

.character-servers {
  flex-direction: column;
  margin-top: 20px;
  display: flex;
}

.character-server-title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 24px;
}

.character-servers-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #e4ebf3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 10px;
  padding-bottom: 0;
  display: grid;
}

.character-servers-container {
  text-align: center;
  margin-bottom: 10px;
}

.group-servers {
  flex-direction: column;
  margin-top: 50px;
  display: flex;
}

.group-servers-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #e4ebf3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 10px;
  padding-bottom: 0;
  display: grid;
}

.group-servers-container {
  text-align: center;
  margin-bottom: 10px;
}

.emoji-button-2 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  border: 1px solid #fff;
  border-radius: 5px;
  margin-left: 10px;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.emoji-button-2:hover {
  color: #fff;
  background-color: #32343a;
}

.emoji-button-2:active {
  background-color: #43464d;
}

.group-server-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #e4ebf3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 24px;
  padding-bottom: 24px;
  display: grid;
}

.time-line-contain {
  border-bottom: 3px solid #fff;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.bold-text-2 {
  color: #fff;
}

.team-circles-2 {
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-7 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.centered-heading-3 {
  text-align: center;
  margin-bottom: 16px;
}

.centered-subheading-3 {
  text-align: center;
  max-width: 530px;
  margin-left: auto;
  margin-right: auto;
}

.team-grid-2 {
  grid-column-gap: 64px;
  grid-row-gap: 56px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  display: grid;
}

.team-card-2 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  display: flex;
}

.team-member-image-2 {
  object-fit: cover;
  border-radius: 50%;
  width: 270px;
  height: 270px;
  margin-bottom: 24px;
}

.team-member-name-2 {
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.team-member-position-2 {
  margin-bottom: 24px;
}

.server-roles {
  background-color: #13141f;
  border-bottom: 1px solid #e4ebf3;
  padding: 20px 30px;
  position: relative;
}

.server-role-title {
  color: #fff;
  text-align: center;
  margin-bottom: 16px;
}

.server-role-description {
  color: #fff;
  text-align: center;
  max-width: 530px;
  margin-left: auto;
  margin-right: auto;
}

.server-role-grid {
  grid-column-gap: 64px;
  grid-row-gap: 56px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  display: grid;
}

.server-role-card {
  text-align: center;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  display: flex;
}

.server-role-name {
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.server-role-items.vigilantes.colored {
  background-color: #ff9664;
  margin-bottom: 10px;
}

.server-role-items.sidekicks.colored {
  background-color: #ff78bb;
  margin-bottom: 10px;
}

.server-role-items.heroes.colored {
  background-color: #6cacdf;
  margin-bottom: 10px;
}

.server-role-items.event-team.colored {
  color: #fff;
  background-color: #ff005a;
}

.server-role-items.server-staff.colored {
  color: #fff;
  background-color: #000;
  margin-bottom: 10px;
}

.server-role-items.event-manager.colored {
  color: #fff;
  background-color: #1559ff;
}

.server-role-items.art-team.colored {
  background-color: #00cfff;
}

.server-role-items.art-manager.colored {
  background-color: #00ffc0;
}

.server-role-items.developer-team.colored {
  color: #fff;
  background-color: #be7eff;
}

.server-role-items.newspaper-club.colored {
  color: #fff;
  background-color: #000;
}

.server-role-items.wiki-member.colored {
  color: #fff;
  background-color: #6f7beb;
}

.server-role-items.wiki-staff.colored {
  background-color: #fcd12a;
}

.server-role-items.amino-member.colored {
  background-color: #ee7b31;
}

.server-role-items.amino-staff.colored {
  background-color: #3cc182;
}

.server-role-items.special-guest.colored {
  color: #fff;
  background-color: #3498db;
}

.server-role-items.dj.colored {
  color: #fff;
  background-color: #000;
}

.server-role-items.manga-fukidashi.colored {
  background-color: #ff5978;
}

.server-role-items.uwabami.colored {
  background-color: #f8d09f;
}

.server-role-items.mei-hatsume.colored {
  background-color: #ffbbcd;
}

.server-role-items.creati.colored {
  background-color: #df4c84;
}

.server-role-items.glamour.colored {
  background-color: #eed2f8;
}

.server-role-items.transform.colored {
  background-color: #f8f0d2;
}

.server-role-items.lunch-rush.colored {
  background-color: #ffdc00;
}

.server-role-items.theorist.colored {
  color: #fff;
  background-color: #c56dfc;
}

.server-role-items.foresight.colored {
  color: #fff;
  background-color: #7732ee;
}

.server-role-items.horikoshis-hand.colored {
  color: #fff;
  background-color: #1e90ff;
}

.server-role-items.new-order.colored {
  color: #fff;
  background-color: #5365ff;
}

.server-role.items.mr-smiley.colored {
  color: #fff;
  background-color: #f489a3;
}

.server-role-items.pop-step.colored {
  color: #fff;
  background-color: #b68fff;
}

.server-role-items.earphone-jack.colored {
  background-color: #ccaaf5;
}

.server-role-items.radio-waves.colored {
  color: #fff;
  background-color: #407e90;
}

.server-role-items.featherhats.colored {
  background-color: #4fc4ff;
}

.server-role-items.ms-joke.colored {
  background-color: #00ff82;
}

.bold-text-3 {
  color: #fff;
}

.role-block {
  width: 80%;
}

.servver-role-container {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.role-paths {
  background-color: #2e303f;
  border-bottom: 1px solid #e4ebf3;
  padding: 20px 30px;
  position: relative;
}

.role-paths-container {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.role-paths-title {
  color: #fff;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.role-paths-description {
  color: #fff;
  text-align: center;
  max-width: 530px;
  margin-left: auto;
  margin-right: auto;
}

.role-paths-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  display: grid;
}

.role-paths-card {
  text-align: center;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  display: flex;
}

.role-paths-name {
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.path-names.tomura.colored {
  color: #000;
  background-color: #dadae2;
  width: 100%;
  height: 100%;
}

.path-names.deku.colored {
  color: #fff;
  background-color: #166769;
  width: 100%;
  height: 100%;
}

.path-names.knuckleduster.colored {
  color: #fff;
  background-color: #313d57;
  width: 100%;
  height: 100%;
}

.path-names.shield.colored {
  color: #000;
  background-color: #eed24e;
  width: 100%;
  height: 100%;
}

.path-names.overhaul.colored {
  color: #fff;
  background-color: #5b4180;
  width: 100%;
  height: 100%;
}

.path-names.yoarashi.colored {
  color: #fff;
  background-color: #613337;
  width: 100%;
  height: 100%;
}

.path-names.fear.colored {
  color: #fff;
  background-color: #000101;
  width: 100%;
  height: 100%;
}

.path-names.peace.colored {
  color: #000;
  background-color: #fefeff;
  width: 100%;
  height: 100%;
}

.path-names._20percent.colored {
  color: #fff;
  background-color: #58769f;
  width: 100%;
  height: 100%;
}

.path-names.inventor.colored {
  color: #000;
  background-color: #4ae6aa;
  width: 100%;
  height: 100%;
}

.path-names.boss.colored {
  color: #fff;
  background-color: #4e9c77;
  width: 100%;
  height: 100%;
}

.path-names.graduate.colored {
  color: #fff;
  background-color: #9f78a3;
  width: 100%;
  height: 100%;
}

.path-names.commander.colored {
  color: #000;
  background-color: #1ec7bd;
  width: 100%;
  height: 100%;
}

.path-names.alumni.colored {
  color: #fff;
  background-color: #e010ba;
  width: 100%;
  height: 100%;
}

.path-names.scrapped.colored {
  color: #000;
  background-color: #c2a17b;
  width: 100%;
  height: 100%;
}

.path-names.engineer.colored {
  color: #000;
  background-color: #c3ffd4;
  flex: 0 auto;
  align-self: auto;
  width: 100%;
  height: 100%;
}

.path-names.right-hand.colored {
  color: #000;
  background-color: #c0addc;
  width: 100%;
  height: 100%;
}

.path-names.valedictorian.colored {
  color: #fff;
  background-color: #378383;
  width: 100%;
  height: 100%;
}

.path-names.wanted.colored {
  color: #fff;
  background-color: #2866a3;
  width: 100%;
  height: 100%;
}

.path-names.big-three.colored {
  color: #000;
  background-color: #ffcc3e;
  width: 100%;
  height: 100%;
}

.path-names.poorly-drawn.colored {
  color: #000;
  background-color: #d0969b;
  width: 100%;
  height: 100%;
}

.path-names.apprentice.colored {
  color: #000;
  background-color: #bdc6ff;
  width: 100%;
  height: 100%;
}

.path-names._8-bullets.colored {
  color: #fff;
  background-color: #fe0064;
  width: 100%;
  height: 100%;
}

.path-names._3rd-year.colored {
  color: #000;
  background-color: #d6be82;
  width: 100%;
  height: 100%;
}

.path-names.jailbreaker.colored {
  color: #fff;
  background-color: #d32663;
  width: 100%;
  height: 100%;
}

.path-names.class-3a.colored {
  color: #000;
  background-color: #e67e22;
  width: 100%;
  height: 100%;
}

.path-names.quirkless.colored {
  color: #000;
  background-color: #77ad77;
  width: 100%;
  height: 100%;
}

.path-names.class-3f.colored {
  color: #000;
  background-color: #c3e5fe;
  width: 100%;
  height: 100%;
}

.path-names.hassaikai.colored {
  color: #fff;
  background-color: #3a99a7;
  width: 100%;
  height: 100%;
}

.path-names.second-year.colored {
  color: #fff;
  background-color: #c3451e;
  width: 100%;
  height: 100%;
}

.path-names.vanguard-squad.colored {
  color: #fff;
  background-color: #9a5ddd;
  width: 100%;
  height: 100%;
}

.path-names.class-2a.colored {
  color: #000;
  background-color: #33c94c;
  width: 100%;
  height: 100%;
}

.path-names.still-quirkless.colored {
  color: #000;
  background-color: #7ec6c9;
  width: 100%;
  height: 100%;
}

.path-names.class-2g.colored {
  color: #fff;
  background-color: #d658b6;
  width: 100%;
  height: 100%;
}

.path-names.henchmen.colored {
  color: #fff;
  background-color: #d94948;
  width: 100%;
  height: 100%;
}

.path-names._1st-year.colored {
  color: #fff;
  background-color: #a0236d;
  width: 100%;
  height: 100%;
}

.path-names.villains.colored {
  color: #000;
  background-color: #b7cfda;
  width: 100%;
  height: 100%;
}

.path-names.class-1a.colored {
  color: #fff;
  background-color: #d13030;
  width: 100%;
  height: 100%;
}

.path-names.hopelessly-quirkless.colored {
  color: #000;
  background-color: #ca93be;
  width: 100%;
  height: 100%;
}

.path-names.class-1h.colored {
  color: #000;
  background-color: #eaa2ff;
  width: 100%;
  height: 100%;
}

.path-names.yakuza.colored {
  color: #000;
  background-color: #e9d274;
  width: 100%;
  height: 100%;
}

.path-names.shiketsu.colored {
  color: #fff;
  background-color: #8224a0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1280px) {
  .body, .body-2, .body-3, .body-4, .body-5, .body-6 {
    height: 100vh;
    max-height: 100vh;
  }
}

@media screen and (min-width: 1440px) {
  .nav-link:hover, .nav-link:focus, .nav-link.w--current, .nav-link.w--current:hover, .nav-link.w--current:focus, .nav-link.current, .nav-link.escurrent, .nav-link.pathcurrent {
    color: #f7ca44;
  }

  .button-primary {
    background-color: #2e303f;
    border: 1px solid #f7ca44;
  }

  .hero-heading-left {
    background-color: #2e303f;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .sub-title.small-font {
    color: #b9b9b9;
    font-size: 12px;
    line-height: 20px;
  }

  .hero-heading-right, .team-circles {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .team-member-image {
    width: 270px;
    height: 270px;
    max-height: none;
  }

  .footer-section {
    outline-offset: 0px;
    border-top-style: solid;
    border-top-color: #fff;
    border-bottom-color: #fff;
    outline: 3px #333;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer-divider {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .disccord-button {
    background-color: #2e303f;
    border: 1px solid #f7ca44;
  }

  .hero-without-image-2 {
    background-color: #370080;
    border: 1px #000;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .margin-bottom-24px-2 {
    color: #fff;
    text-align: left;
  }

  .button-primary-4 {
    background-color: #333a3f;
    align-self: flex-end;
    margin-left: 40px;
  }

  .button-primary-3 {
    background-color: #333a3f;
    align-self: flex-start;
    margin-right: 40px;
  }

  .button-containers {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template: "Area Area-2"
                   "Area-3 Area-4"
                   / 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-self: center;
    display: grid;
  }

  .special-guests {
    color: #fff;
    text-align: center;
  }

  .testimonial-slider-large {
    background-color: #13141f;
  }

  .gallery-slider {
    outline-offset: 0px;
    background-color: #13141f;
    border: 1px #000;
    outline: 3px #333;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .gallery-block {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .gallery-slide {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .gallery-slide-wrapper {
    max-width: 20%;
    max-height: none;
    margin-right: 5%;
  }

  .gallery-image {
    border-radius: 20px;
    display: inline-block;
  }

  .gallery-slide-text {
    text-align: center;
    font-size: 16px;
    position: static;
  }

  .heading-4, .paragraph-6, .paragraph-7 {
    color: #fff;
  }

  .hero-subscribe-left {
    outline-offset: 0px;
    background-color: #370080;
    border: 1px #000;
    outline: 3px #333;
  }

  .margin-bottom-24px-3 {
    color: #fff;
  }

  .heading-5 {
    color: #fff;
    font-size: 34px;
  }

  .container-5 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .ama-event {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: .25fr .25fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    display: grid;
  }

  .paragraph-8, .paragraph-9 {
    color: #fff;
  }

  .button-2, .button-3 {
    color: #fff;
    text-align: center;
    background-color: #333a3f;
    font-weight: 700;
  }

  .hero-without-image-3 {
    outline-offset: 0px;
    background-color: #370080;
    border-bottom-style: none;
    outline: 3px #333;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .margin-bottom-24px-4 {
    color: #fff;
  }

  .button-primary-6 {
    border-radius: 10px;
  }

  .features-table {
    outline-offset: 0px;
    background-color: #13141f;
    outline: 3px #333;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .watch-series-table {
    margin-top: 0;
  }

  .watch-series-title-container {
    background-color: #2e303f;
    grid-template-columns: 1fr;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .comparison-title {
    color: #fff;
    margin-top: 0;
  }

  .watch-series-row {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "Area";
  }

  .watch-container {
    margin-top: 0;
    padding-top: 40px;
  }

  .link-block-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: inline-block;
  }

  .paragraph-10 {
    flex-flow: wrap;
    display: flex;
  }

  .item-image-link {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .image {
    float: left;
    border-radius: 10px;
  }

  .item-description {
    float: none;
    clear: none;
    color: #fff;
    flex-flow: wrap;
    width: auto;
    margin-bottom: 0;
    font-size: 12px;
    display: block;
    position: static;
  }

  .heading-6 {
    float: none;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .item-container-right {
    float: none;
    justify-content: flex-end;
    align-items: flex-start;
    width: 80%;
    margin-left: auto;
    display: block;
  }

  .item-title {
    float: none;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .read-series-container {
    margin-top: 40px;
  }

  .read-series-table {
    margin-top: 0;
    margin-bottom: 40px;
  }

  .read-series-title-container {
    background-color: #2e303f;
    grid-template-columns: 1fr;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .read-series-row {
    grid-template-areas: "Area";
    margin-bottom: 5px;
  }

  .heading-7 {
    color: #fff;
  }

  .time-line-container {
    margin-top: 0;
    margin-bottom: 20px;
    padding-top: 40px;
  }

  .main-series {
    margin-top: 0;
  }

  .time-line-title-container {
    background-color: #2e303f;
    grid-template-columns: 1fr;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .time-line-row {
    border-bottom-style: none;
    grid-template-columns: 1fr;
    grid-template-areas: "Area";
  }

  .wiki-link {
    float: left;
    color: #c294ff;
    text-align: left;
    margin-right: 20px;
    display: inline-block;
  }

  .resource-link {
    float: left;
    color: #c294ff;
    display: inline-block;
  }

  .time-line-item-container {
    border-bottom: 3px solid #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }

  .time-line-container-right {
    box-sizing: border-box;
    float: none;
    clear: none;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    aspect-ratio: auto;
    text-align: center;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-self: flex-start;
    align-items: flex-start;
    width: 80%;
    height: auto;
    margin-left: 20px;
    margin-right: 20px;
    display: inline-block;
    position: static;
  }

  .time-line-title-copy {
    float: none;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .time-line-title {
    float: left;
    color: #fff;
    text-align: left;
    display: inline-block;
  }

  .time-line-description {
    float: right;
    color: #fff;
    text-align: left;
    display: inline-block;
  }

  .top-banner-section {
    outline-offset: 0px;
    background-color: #2e303f;
    border-bottom-style: none;
    outline: 3px #333;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .wrapper-container {
    max-width: 990px;
    margin-bottom: 20px;
  }

  .top-page-title {
    color: #fff;
    margin-top: 10px;
  }

  .top-page-description {
    color: #fff;
    margin-bottom: 10px;
  }

  .time-line-button {
    border: 1px solid #fff;
    border-radius: 10px;
  }

  .series-table-section {
    outline-offset: 0px;
    background-color: #13141f;
    border: 1px #000;
    border-bottom: 1px solid #fff;
    outline: 3px #333;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .watch-title {
    color: #fff;
    margin-top: 0;
  }

  .watch-item-image-link {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .watch-item-image {
    float: left;
    border-radius: 10px;
  }

  .watch-iitem-container-right {
    float: none;
    justify-content: flex-end;
    align-items: flex-start;
    width: 80%;
    margin-left: auto;
    display: block;
  }

  .watch-item-heading {
    float: none;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .watch-item-description {
    float: none;
    clear: none;
    color: #fff;
    flex-flow: wrap;
    width: auto;
    margin-bottom: 0;
    font-size: 12px;
    display: block;
    position: static;
  }

  .read-series-title {
    color: #fff;
    margin-top: 0;
  }

  .read-item-image-link {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .read-item-image {
    float: left;
    border-radius: 10px;
  }

  .read-item-container-right {
    float: none;
    justify-content: flex-end;
    align-items: flex-start;
    width: 80%;
    margin-left: auto;
    display: block;
  }

  .read-item-heading {
    float: none;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .read-item-description {
    float: none;
    clear: none;
    color: #fff;
    flex-flow: wrap;
    width: auto;
    margin-bottom: 0;
    font-size: 12px;
    display: block;
    position: static;
  }

  .hero-without-image-3-copy {
    outline-offset: 0px;
    background-color: #370080;
    border-bottom-style: none;
    outline: 3px #333;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .series-resource-button {
    border: 1px solid #fff;
    border-radius: 10px;
    margin-right: 10px;
    display: inline-block;
  }

  .time-line-table-sectiion {
    outline-offset: 0px;
    background-color: #13141f;
    outline: 3px #333;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .time-line-table-title {
    color: #fff;
    margin-top: 0;
  }

  .time-line-item-image-link {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .time-line-item-image {
    float: left;
    border-radius: 10px;
  }

  .wiki-link-2 {
    float: left;
    color: #ffc466;
    margin-right: 20px;
  }

  .resource-link-2 {
    float: left;
    color: #ffc466;
  }

  .supplemental-series, .movie-one-shot {
    margin-top: 0;
  }

  .back-top {
    float: right;
    clear: none;
    text-align: center;
    background-color: #2e303f;
    border-radius: 10px;
    margin-right: 0;
    display: block;
    position: fixed;
    inset: auto 0% 0% auto;
  }

  .bonus-roles-table-section {
    outline-offset: 0px;
    background-color: #13141f;
    border-bottom-style: none;
    outline: 3px #333;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .bonus-roles-table-container {
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .bonus-roles-table {
    margin-top: 0;
    margin-bottom: 0;
  }

  .bonus-roles-title-container {
    background-color: #2e303f;
    grid-template-columns: 1fr;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .watch-title-copy, .bonus-roles-title {
    color: #fff;
    margin-top: 0;
  }

  .bonus-roles-row {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "Area";
    margin-bottom: 5px;
  }

  .bonus-roles-container {
    margin-left: 5px;
  }

  .bonus-roles-item-image-link {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .bonus-roles-item-image {
    float: left;
    border-radius: 10px;
  }

  .bonus-roles-item-container-right {
    float: none;
    justify-content: flex-end;
    align-items: flex-start;
    width: 70%;
    margin-left: auto;
    display: block;
  }

  .bonus-roles-heading {
    float: none;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
    display: block;
  }

  .bonus-roles-item-description {
    float: none;
    clear: none;
    color: #fff;
    flex-flow: wrap;
    width: auto;
    margin-bottom: 0;
    font-size: 12px;
    display: block;
    position: static;
  }

  .emoji-servers-table-section {
    outline-offset: 0px;
    background-color: #13141f;
    outline: 3px #333;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .emoji-server-container {
    margin-top: 0;
    padding-top: 40px;
  }

  .recipro-booster-servers {
    margin-top: 0;
  }

  .recipro-booster-servers-row {
    flex: 0 auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: "Area";
    align-self: auto;
  }

  .recipro-booster-servers-container {
    border-bottom: 3px solid #fff;
    padding-top: 0;
    padding-bottom: 0;
  }

  .recipro-booster-server-image {
    float: left;
    border-radius: 10px;
  }

  .recipro-booster-server-title {
    color: #fff;
  }

  .emoji-button {
    float: none;
    clear: none;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 10px;
    width: 120px;
    margin-right: 0;
    padding: 5px;
    display: inline-block;
  }

  .server-images {
    border-radius: 5px;
    margin-right: 10px;
  }

  .character-servers {
    margin-top: 0;
  }

  .character-server-title {
    color: #fff;
    margin-top: 0;
  }

  .character-servers-row {
    flex: 0 auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: "Area";
    align-self: auto;
  }

  .character-servers-container {
    border-bottom: 3px solid #fff;
    padding-top: 0;
    padding-bottom: 0;
  }

  .group-servers {
    margin-top: 0;
    margin-bottom: 40px;
  }

  .group-servers-row {
    flex: 0 auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: "Area";
    align-self: auto;
    margin-bottom: 5px;
  }

  .group-servers-container {
    text-align: center;
    border-bottom: 3px solid #fff;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .emoji-button-2 {
    box-sizing: border-box;
    float: none;
    clear: none;
    text-align: center;
    overflow-wrap: normal;
    vertical-align: baseline;
    object-fit: fill;
    border: 1px solid #fff;
    border-radius: 10px;
    align-self: center;
    width: 120px;
    height: auto;
    margin-bottom: 5px;
    margin-right: 0;
    padding: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
    display: block;
    overflow: visible;
  }

  .group-server-row {
    flex: 0 auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: "Area";
    align-self: auto;
  }

  .group-server-container {
    border-bottom: 3px solid #fff;
    padding-top: 0;
    padding-bottom: 0;
  }

  .time-line-contain {
    border-bottom: 3px solid #fff;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }

  .team-member-image-2 {
    width: 270px;
    height: 270px;
    max-height: none;
  }

  .server-roles {
    background-color: #13141f;
    padding-top: 10px;
    padding-bottom: 40px;
  }

  .server-role-title {
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .server-role-description {
    color: #fff;
    margin-bottom: 0;
  }

  .server-role-items {
    color: #fff;
    text-align: center;
    background-color: #000;
    margin-bottom: 0;
    padding-left: 0;
  }

  .server-role-items.vigilantes {
    color: #fff;
    background-color: #2e303f;
    border: 5px #ff9664;
    border-bottom-style: solid;
  }

  .server-role-items.vigilantes.colored {
    color: #000;
    background-color: #ff9664;
    border-style: none;
    margin-bottom: 0;
  }

  .server-role-items.sidekicks {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #ff78bb;
  }

  .server-role-items.sidekicks.colored {
    color: #000;
    background-color: #ff78bb;
    border: 1px #000;
    margin-bottom: 0;
  }

  .server-role-items.heroes {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #6cacdf;
  }

  .server-role-items.heroes.colored {
    color: #000;
    background-color: #6cacdf;
    border: 1px #000;
    margin-bottom: 0;
  }

  .server-role-items.event-team {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #ff005a;
  }

  .server-role-items.event-team.colored {
    color: #000;
    background-color: #ff005a;
    border: 1px #000;
  }

  .server-role-items.server-staff {
    background-color: #2e303f;
    border-bottom: 5px solid #000;
  }

  .server-role-items.server-staff.colored {
    background-color: #000;
    border: 1px #000;
    margin-bottom: 0;
  }

  .server-role-items.event-manager {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #1559ff;
  }

  .server-role-items.event-manager.colored {
    color: #000;
    background-color: #1559ff;
    border: 1px #000;
  }

  .server-role-items.art-team {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #00cfff;
  }

  .server-role-items.art-team.colored {
    color: #000;
    background-color: #00cfff;
    border: 1px #000;
  }

  .server-role-items.art-manager {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #00ffc0;
  }

  .server-role-items.art-manager.colored {
    color: #000;
    background-color: #00ffc0;
    border: 1px #000;
  }

  .server-role-items.developer-team {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #be7eff;
  }

  .server-role-items.developer-team.colored {
    color: #000;
    background-color: #be7eff;
    border: 1px #000;
  }

  .server-role-items.newspaper-club {
    background-color: #2e303f;
    border-bottom: 5px solid #000;
  }

  .server-role-items.newspaper-club.colored {
    background-color: #000;
    border: 1px #000;
  }

  .server-role-items.wiki-member {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #6f7beb;
  }

  .server-role-items.wiki-member.colored {
    color: #000;
    background-color: #6f7beb;
    border: 1px #000;
  }

  .server-role-items.wiki-staff {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #fcd12a;
  }

  .server-role-items.wiki-staff.colored {
    color: #000;
    background-color: #fcd12a;
    border: 1px #000;
  }

  .server-role-items.amino-member {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #ee7b31;
  }

  .server-role-items.amino-member.colored {
    color: #000;
    background-color: #ee7b31;
    border: 1px #000;
  }

  .server-role-items.amino-staff {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #3cc182;
  }

  .server-role-items.amino-staff.colored {
    color: #000;
    background-color: #3cc182;
    border: 1px #000;
  }

  .server-role-items.special-guest {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #3498db;
  }

  .server-role-items.special-guest.colored {
    background-color: #3498db;
    border: 1px #000;
  }

  .server-role-items.dj {
    background-color: #2e303f;
    border: 5px #000;
    border-bottom-style: solid;
  }

  .server-role-items.dj.colored {
    background-color: #000;
    border-bottom-style: none;
  }

  .server-role-items.manga-fukidashi {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #ff5978;
  }

  .server-role-items.manga-fukidashi.colored {
    background-color: #ff5978;
    border: 1px #000;
  }

  .server-role-items.uwabami {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #f8d09f;
  }

  .server-role-items.uwabami.colored {
    color: #000;
    background-color: #f8d09f;
    border: 1px #000;
  }

  .server-role-items.mei-hatsume {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #ffbbcd;
  }

  .server-role-items.mei-hatsume.colored {
    color: #000;
    background-color: #ffbbcd;
    border: 1px #000;
  }

  .server-role-items.creati {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #df4c84;
  }

  .server-role-items.creati.colored {
    background-color: #df4c84;
    border: 1px #000;
  }

  .server-role-items.glamour {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #eed2f8;
  }

  .server-role-items.glamour.colored {
    color: #000;
    background-color: #eed2f8;
    border: 1px #000;
  }

  .server-role-items.transform {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #f8f0d2;
  }

  .server-role-items.transform.colored {
    color: #000;
    background-color: #f8f0d2;
    border: 1px #000;
  }

  .server-role-items.lunch-rush {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #ffdc00;
  }

  .server-role-items.lunch-rush.colored {
    color: #000;
    background-color: #ffdc00;
    border: 1px #000;
  }

  .server-role-items.theorist {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #c56dfc;
  }

  .server-role-items.theorist.colored {
    color: #000;
    background-color: #c56dfc;
    border: 1px #000;
  }

  .server-role-items.foresight {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #7732ee;
  }

  .server-role-items.foresight.colored {
    background-color: #7732ee;
    border: 1px #000;
  }

  .server-role-items.horikoshis-hand {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #1e90ff;
  }

  .server-role-items.horikoshis-hand.colored {
    background-color: #1e90ff;
    border: 1px #000;
  }

  .server-role-items.new-order {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #5365ff;
  }

  .server-role-items.new-order.colored {
    background-color: #5365ff;
    border: 1px #000;
  }

  .server-role-items.mr-smiley {
    color: #fff;
    background-color: #f489a3;
    border-bottom: 5px solid #5365ff;
  }

  .server-role-items.mr-smiley.colored {
    background-color: #f489a3;
    border: 1px #000;
  }

  .server-role-items.pop-step {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #b68fff;
  }

  .server-role-items.pop-step.colored {
    color: #000;
    background-color: #b68fff;
    border: 1px #000;
  }

  .server-role-items.earphone-jack {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #ccaaf5;
  }

  .server-role-items.earphone-jack.colored {
    color: #000;
    background-color: #ccaaf5;
    border: 1px #000;
  }

  .server-role-items.radio-waves {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #407e90;
  }

  .server-role-items.radio-waves.colored {
    color: #000;
    background-color: #407e90;
    border: 1px #000;
  }

  .server-role-items.featherhats {
    color: #fff;
    background-color: #2e303f;
    border-bottom: 5px solid #4fc4ff;
  }

  .server-role-items.featherhats.colored {
    color: #000;
    background-color: #4fc4ff;
    border: 1px #000;
  }

  .server-role-items.ms-joke {
    color: #fff;
    background-color: #2e303f;
    border: 5px #000;
    border-bottom: 5px solid #00ff82;
  }

  .server-role-items.ms-joke.colored {
    color: #000;
    background-color: #00ff82;
    border: 1px #000;
  }

  .bold-text-3 {
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
  }

  .role-block {
    width: 80%;
  }

  .role-block.event-team {
    background-color: #ff005a;
  }

  .role-paths {
    background-color: #2e303f;
    padding-top: 10px;
    padding-bottom: 40px;
  }

  .role-paths-title {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .role-paths-description {
    color: #fff;
  }

  .role-paths-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-top: 0;
  }

  .role-paths-card {
    border-radius: 5px;
    height: 80px;
  }

  .path-block {
    width: 80%;
  }

  .path-block.event-team {
    background-color: #ff005a;
  }

  .path-names {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-weight: 700;
    display: flex;
  }

  .path-names.tomura {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #dadae2;
    width: 100%;
    height: 100%;
    font-weight: 700;
  }

  .path-names.tomura.colored {
    color: #000;
    background-color: #dadae2;
    border-radius: 0;
  }

  .path-names.deku {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #166769;
    flex: 0 auto;
    order: 0;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-weight: 700;
    display: flex;
  }

  .path-names.deku.colored {
    background-color: #166769;
  }

  .path-names.knuckleduster {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #313d57;
    font-weight: 700;
  }

  .path-names.knuckleduster.colored {
    background-color: #313d57;
  }

  .path-names.shield {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #eed24e;
  }

  .path-names.shield.colored {
    color: #000;
    background-color: #eed24e;
  }

  .path-names.overhaul {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #5b4180;
  }

  .path-names.overhaul.colored {
    background-color: #5b4180;
  }

  .path-names.yoarashi {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #613337;
  }

  .path-names.yoarashi.colored {
    background-color: #613337;
  }

  .path-names.fear {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #000101;
  }

  .path-names.fear.colored {
    background-color: #000101;
  }

  .path-names.peace {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #fefeff;
  }

  .path-names.peace.colored {
    color: #000;
    background-color: #fefeff;
  }

  .path-names._20percent {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #58769f;
  }

  .path-names._20percent.colored {
    color: #fff;
    background-color: #58769f;
  }

  .path-names.inventor {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #4ae6aa;
  }

  .path-names.inventor.colored {
    color: #000;
    background-color: #4ae6aa;
  }

  .path-names.boss {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #4e9c77;
  }

  .path-names.boss.colored {
    color: #fff;
    background-color: #4e9c77;
  }

  .path-names.graduate {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #9f78a3;
  }

  .path-names.graduate.colored {
    color: #fff;
    background-color: #9f78a3;
  }

  .path-names.commander {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #1ec7bd;
  }

  .path-names.commander.colored {
    color: #000;
    background-color: #1ec7bd;
  }

  .path-names.alumni {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #e010ba;
  }

  .path-names.alumni.colored {
    background-color: #e010ba;
  }

  .path-names.scrapped {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #c2a17b;
  }

  .path-names.scrapped.colored {
    color: #000;
    background-color: #c2a17b;
  }

  .path-names.engineer {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #c3ffd4;
  }

  .path-names.engineer.colored {
    color: #000;
    background-color: #c3ffd4;
  }

  .path-names.right-hand {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #c0addc;
  }

  .path-names.right-hand.colored {
    color: #000;
    background-color: #c0addc;
  }

  .path-names.valedictorian {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #378383;
  }

  .path-names.valedictorian.colored {
    color: #fff;
    background-color: #378383;
  }

  .path-names.wanted {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #2866a3;
  }

  .path-names.wanted.colored {
    background-color: #2866a3;
  }

  .path-names.big-three {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #ffcc3e;
  }

  .path-names.big-three.colored {
    color: #000;
    background-color: #ffcc3e;
  }

  .path-names.poorly-drawn {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #d0969b;
  }

  .path-names.poorly-drawn.colored {
    color: #000;
    background-color: #d0969b;
  }

  .path-names.apprentice {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #bdc6ff;
  }

  .path-names.apprentice.colored {
    color: #000;
    background-color: #bdc6ff;
  }

  .path-names._8-bullets {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #fe0064;
  }

  .path-names._8-bullets.colored {
    background-color: #fe0064;
  }

  .path-names._3rd-year {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #d6be82;
  }

  .path-names._3rd-year.colored {
    color: #000;
    background-color: #d6be82;
  }

  .path-names.jailbreaker {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #d32663;
  }

  .path-names.jailbreaker.colored {
    background-color: #d32663;
  }

  .path-names.class-3a {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #e67e22;
  }

  .path-names.class-3a.colored {
    color: #000;
    background-color: #e67e22;
  }

  .path-names.quirkless {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #77ad77;
  }

  .path-names.quirkless.colored {
    color: #000;
    background-color: #77ad77;
  }

  .path-names.class-3f {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #c3e5fe;
  }

  .path-names.class-3f.colored {
    color: #000;
    background-color: #c3e5fe;
  }

  .path-names.hassaikai {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #3a99a7;
  }

  .path-names.hassaikai.colored {
    color: #fff;
    background-color: #3a99a7;
  }

  .path-names.second-year {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #c3451e;
  }

  .path-names.second-year.colored {
    color: #fff;
    background-color: #c3451e;
  }

  .path-names.vanguard-squad {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #9a5ddd;
  }

  .path-names.vanguard-squad.colored {
    color: #fff;
    background-color: #9a5ddd;
  }

  .path-names.class-2a {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #33c94c;
  }

  .path-names.class-2a.colored {
    color: #000;
    background-color: #33c94c;
  }

  .path-names.still-quirkless {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #7ec6c9;
  }

  .path-names.still-quirkless.colored {
    color: #000;
    background-color: #7ec6c9;
  }

  .path-names.class-2g {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #d658b6;
  }

  .path-names.class-2g.colored {
    background-color: #d658b6;
  }

  .path-names.henchmen {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #d94948;
  }

  .path-names.henchmen.colored {
    color: #fff;
    background-color: #d94948;
  }

  .path-names._1st-year {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #a0236d;
  }

  .path-names._1st-year.colored {
    color: #fff;
    background-color: #a0236d;
  }

  .path-names.villains {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #b7cfda;
  }

  .path-names.villains.colored {
    color: #000;
    background-color: #b7cfda;
  }

  .path-names.class-1a {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #d13030;
  }

  .path-names.class-1a.colored {
    background-color: #d13030;
  }

  .path-names.hopelessly-quirkless {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #ca93be;
  }

  .path-names.hopelessly-quirkless.colored {
    color: #000;
    background-color: #ca93be;
  }

  .path-names.class-1h {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #eaa2ff;
  }

  .path-names.class-1h.colored {
    color: #000;
    background-color: #eaa2ff;
  }

  .path-names.yakuza {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #e9d274;
  }

  .path-names.yakuza.colored {
    color: #000;
    background-color: #e9d274;
  }

  .path-names.shiketsu {
    color: #fff;
    background-color: #13141f;
    border-bottom: 5px solid #8224a0;
  }

  .path-names.shiketsu.colored {
    color: #fff;
    background-color: #8224a0;
  }

  .body-2, .body-3, .body-4, .body-5, .body-6 {
    height: 100vh;
    max-height: 100vh;
  }
}

@media screen and (min-width: 1920px) {
  .body {
    object-fit: fill;
    height: 100vh;
    max-height: 100vh;
  }

  .body-2 {
    height: 100vh;
    max-height: 100vh;
  }

  .body-3 {
    aspect-ratio: auto;
    height: 100vh;
    max-height: 100vh;
  }

  .body-4, .body-5, .body-6 {
    height: 100vh;
    max-height: 100vh;
  }
}

@media screen and (max-width: 991px) {
  .nav-container {
    max-width: 728px;
  }

  .nav-menu-wrapper {
    background-color: #0000;
  }

  .nav-menu-two {
    background-color: #13141f;
    border: 1px solid #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-link:hover, .nav-link:focus {
    color: #ffce1d;
  }

  .nav-link.w--current, .nav-link.w--current:hover, .nav-link.w--current:focus {
    color: #f7ca44;
  }

  .nav-link.current {
    color: #ffc466;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .hero-heading-left {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .hero-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .container-2 {
    max-width: 728px;
  }

  .hero-wrapper-2 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split-2 {
    max-width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .team-grid {
    grid-column-gap: 40px;
  }

  .team-member-image {
    width: 190px;
    height: 190px;
  }

  .container-3 {
    max-width: 728px;
  }

  .mha-footer {
    padding: 40px;
  }

  .footer-form-title {
    margin-right: 15px;
  }

  .footer-form-input {
    width: 400px;
    padding-right: 180px;
  }

  .footer-wrapper-three {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-social-block-three {
    margin-top: 40px;
  }

  .footer-section {
    margin-top: 0;
  }

  .container {
    max-width: 728px;
  }

  .footer-content {
    grid-column-gap: 60px;
  }

  .container-4 {
    max-width: 728px;
  }

  .testimonial-slide {
    padding-left: 32px;
  }

  .testimonial-quote {
    overflow: visible;
  }

  .gallery-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .gallery-slider-left {
    left: -20px;
  }

  .gallery-slider-right {
    right: -20px;
  }

  .hero-wrapper-3 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split-3 {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .container-6 {
    max-width: 728px;
  }

  .watch-series-title-container {
    grid-template-columns: 1fr;
  }

  .watch-container, .top-page-container, .read-series-container {
    max-width: 728px;
  }

  .read-series-title-container {
    grid-template-columns: 1fr;
  }

  .read-series-row {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .time-line-container {
    max-width: 728px;
  }

  .top-banner-section {
    max-width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .series-table-section {
    padding-bottom: 40px;
  }

  .footer-container {
    max-width: 728px;
  }

  .series-resource-button {
    margin-bottom: 10px;
    display: block;
  }

  .time-line-item-image {
    border-radius: 5px;
  }

  .top-banner-sub-nav-container {
    max-width: 100%;
  }

  .bonus-roles-table-container, .emoji-server-container, .container-7 {
    max-width: 728px;
  }

  .team-grid-2 {
    grid-column-gap: 40px;
  }

  .team-member-image-2 {
    width: 190px;
    height: 190px;
  }

  .server-roles {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .server-role-grid {
    grid-column-gap: 40px;
    margin-top: 0;
  }

  .servver-role-container {
    max-width: 728px;
  }

  .role-paths {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .role-paths-container {
    max-width: 728px;
  }

  .role-paths-grid {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .role-paths-card {
    height: 100px;
  }

  .path-names.henchmen.colored, .path-names.villains.colored {
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  .navbar-logo-left-container {
    max-width: 100%;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu-two {
    background-color: #13141f;
    border-radius: 20px;
    flex-direction: column;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-link:hover {
    color: #ffc800;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-divider {
    width: 200px;
    max-width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .join-discord {
    margin-top: 10px;
  }

  .hero-heading-left {
    padding: 10px 15px;
  }

  .hero-heading-right {
    padding: 60px 15px 20px;
  }

  .hero-without-image, .logos-quote-block {
    padding: 60px 15px;
  }

  .clients-wrapper-two {
    flex-direction: column;
  }

  .clients-card {
    width: 100%;
    margin-bottom: 30px;
  }

  .clients-grid {
    grid-column-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 15px;
  }

  .hero-subscribe-right {
    padding: 20px 15px;
  }

  .hero-wrapper-2 {
    margin-bottom: 0;
  }

  .team-circles {
    padding: 20px 15px 60px;
  }

  .team-grid {
    grid-template-columns: 1fr 1fr;
  }

  .footer-join-discord {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-form-container-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-form-title {
    margin-right: 0;
  }

  .footer-form-block-two {
    width: 100%;
    margin-top: 20px;
  }

  .footer-form-input {
    width: 100%;
  }

  .footer-block-three {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-link-three {
    margin-bottom: 10px;
  }

  .footer-social-block-three {
    margin-top: 10px;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-copyright {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-legal-block {
    margin-top: 15px;
    margin-left: -24px;
  }

  .footer-legal-link {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-section {
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .footer-content {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .footer-block {
    align-items: center;
  }

  .footer-link:hover {
    color: #1a1b1fbf;
  }

  .footer-social-block {
    margin-top: 20px;
    margin-left: -20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .footer-divider {
    margin-top: 60px;
  }

  .xlink {
    margin-top: 10px;
  }

  .hero-without-image-2, .testimonial-slider-large {
    padding: 60px 15px;
  }

  .testimonial-slide {
    flex-direction: column;
    padding: 23px;
  }

  .testimonial-content {
    max-width: none;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .testimonial-quote-icon {
    width: 50px;
    margin-bottom: 16px;
  }

  .testimonial-image-two {
    width: 100%;
    height: auto;
  }

  .gallery-slider {
    padding: 60px 15px;
  }

  .gallery-slide {
    margin-left: 10px;
    margin-right: 10px;
  }

  .gallery-slide-text {
    line-height: 30px;
  }

  .gallery-slider-left {
    left: -20px;
  }

  .gallery-slider-right {
    right: -20px;
  }

  .hero-subscribe-left, .hero-without-image-3, .features-table {
    padding: 60px 15px;
  }

  .top-banner-section {
    padding: 20px 15px;
  }

  .series-table-section, .hero-without-image-3-copy, .time-line-table-sectiion {
    padding: 60px 15px;
  }

  .time-line-item-image {
    border-radius: 5px;
  }

  .bonus-roles-table-section {
    padding: 10px 15px 40px;
  }

  .emoji-servers-table-section, .team-circles-2 {
    padding: 60px 15px;
  }

  .team-grid-2 {
    grid-template-columns: 1fr 1fr;
  }

  .server-roles {
    padding: 20px 15px;
  }

  .server-role-grid {
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  .role-paths {
    padding: 10px 15px;
  }

  .role-paths-grid {
    grid-template-columns: 1fr 1fr;
  }

  .path-names.poorly-drawn.colored {
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 479px) {
  .navbar-logo-left-container.shadow-three {
    background-color: #13141f;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-container {
    max-width: none;
  }

  .nav-menu-two {
    background-color: #13141f;
    flex-direction: column;
    margin-top: 10px;
    padding-top: 0;
    padding-bottom: 10px;
    padding-left: 20px;
    display: block;
  }

  .nav-link:hover, .nav-link:focus {
    color: #ffc456;
  }

  .hero-heading-left {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .hero-wrapper {
    margin-bottom: 10px;
  }

  .hero-split {
    margin-bottom: 0;
  }

  .sub-title {
    font-size: 16px;
    line-height: 24px;
  }

  .hero-heading-right {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .heading, .bold-text {
    text-align: center;
  }

  .heading-2, .heading-3 {
    text-align: center;
    font-size: 20px;
    line-height: 26px;
  }

  .container-2 {
    max-width: none;
  }

  .clients-quote {
    font-size: 20px;
    line-height: 28px;
  }

  .clients-info-image {
    margin-right: 16px;
  }

  .clients-grid {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .hero-subscribe-right {
    padding-top: 10px;
    padding-bottom: 40px;
  }

  .hero-form {
    align-self: stretch;
    margin-bottom: 15px;
  }

  .hero-form-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-form-input {
    width: 100%;
    height: 48px;
    margin-bottom: 10px;
  }

  .button-primary-2.footer-form-button {
    position: relative;
    right: 0;
  }

  .team-circles {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .centered-heading {
    text-align: center;
    margin-bottom: 24px;
    font-size: 20px;
    line-height: 26px;
  }

  .team-grid {
    grid-template-columns: 1fr;
  }

  .container-3 {
    max-width: none;
  }

  .mha-footer {
    padding: 20px;
  }

  .footer-form-block-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-form-input {
    margin-bottom: 10px;
    padding-right: 20px;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-section {
    padding-top: 0;
  }

  .container {
    max-width: none;
  }

  .footer-divider {
    margin-top: 10px;
  }

  .footer-ender {
    font-size: 20px;
    line-height: 24px;
  }

  .disccord-button {
    font-size: 18px;
    line-height: 22px;
  }

  .container-4 {
    max-width: none;
  }

  .testimonial-quote-icon {
    width: 30px;
  }

  .testimonial-quote {
    font-size: 22px;
    line-height: 30px;
  }

  .testimonial-author-image-three {
    margin-right: 16px;
  }

  .gallery-wrapper {
    grid-template-columns: 1fr;
  }

  .gallery-slide-wrapper {
    max-width: 100%;
    margin-right: 0%;
  }

  .gallery-slider-left {
    left: -20px;
  }

  .gallery-slider-right {
    right: -20px;
  }

  .hero-form-2 {
    align-self: stretch;
    margin-bottom: 15px;
  }

  .hero-form-container-2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-form-input-2 {
    width: 100%;
    height: 48px;
    margin-bottom: 10px;
  }

  .container-6 {
    max-width: none;
  }

  .centered-heading-2 {
    margin-bottom: 24px;
  }

  .watch-series-table {
    margin-top: 10px;
  }

  .watch-series-title-container {
    grid-column-gap: 20px;
    background-color: #2e303f;
    flex: 1;
    grid-template-rows: repeat(auto-fit, minmax(0, 1fr));
    grid-template-columns: 1fr;
    align-self: center;
    padding-top: 0;
    padding-bottom: 10px;
  }

  .comparison-title {
    margin-left: 10px;
  }

  .watch-series-row {
    grid-column-gap: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .comparison-negative {
    background-position: 0 5px;
    background-size: 14px;
    margin-left: 10px;
    padding-left: 20px;
  }

  .comparison-positive {
    background-position: 0 4px;
    background-size: 16px;
    margin-left: 10px;
    padding-left: 20px;
  }

  .watch-container, .top-page-container, .read-series-container {
    max-width: none;
  }

  .read-series-table {
    margin-top: 10px;
  }

  .read-series-title-container {
    grid-column-gap: 20px;
    background-color: #2e303f;
    grid-template-columns: 1fr;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .read-series-row {
    grid-column-gap: 20px;
    text-align: center;
  }

  .time-line-container {
    max-width: none;
  }

  .main-series {
    text-align: center;
    margin-top: 0;
  }

  .time-line-title-container {
    grid-column-gap: 20px;
    background-color: #2e303f;
    grid-template-columns: 1fr;
    padding: 0 5px;
  }

  .time-line-row {
    grid-column-gap: 20px;
    grid-template-columns: 1fr;
    align-self: center;
  }

  .wiki-link, .resource-link {
    color: #ff36f8;
    font-size: 12px;
    line-height: 16px;
    display: block;
  }

  .time-line-item-container {
    margin-bottom: 10px;
    display: block;
  }

  .time-line-title {
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
  }

  .time-line-description {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
  }

  .top-banner-section {
    background-color: #2e303f;
    padding-top: 0;
    padding-bottom: 10px;
  }

  .top-page-title {
    color: #fff;
    margin-top: 10px;
    font-size: 20px;
    line-height: 26px;
  }

  .top-page-description {
    color: #fff;
    margin-bottom: 10px;
  }

  .series-table-section {
    background-color: #13141f;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .watch-title {
    color: #fff;
    text-align: center;
    margin-top: 10px;
    margin-left: 0;
    font-size: 20px;
    line-height: 20px;
  }

  .watch-item-container {
    text-align: center;
  }

  .watch-item-image-link {
    clear: none;
  }

  .watch-item-heading {
    color: #fff;
  }

  .watch-item-description {
    color: #fff;
    text-align: left;
    font-size: 12px;
    line-height: 16px;
  }

  .read-series-title {
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-left: 0;
  }

  .read-item-heading {
    color: #fff;
  }

  .read-item-description {
    color: #fff;
    text-align: left;
  }

  .footer-container {
    max-width: none;
  }

  .series-resource-button {
    clear: none;
    border-radius: 10px;
    margin-bottom: 5px;
    padding: 10px;
    display: block;
  }

  .time-line-table-sectiion {
    background-color: #13141f;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .time-line-table-title {
    color: #fff;
    text-align: center;
    -webkit-text-stroke-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
    font-size: 16px;
    line-height: 20px;
  }

  .time-line-item-image {
    float: none;
    border-radius: 6px;
  }

  .wiki-link-2, .resource-link-2 {
    color: #ff8418;
    font-size: 12px;
    line-height: 16px;
    display: block;
  }

  .supplemental-series {
    text-align: center;
  }

  .top-banner-sub-nav-container {
    clear: none;
    flex: 0 auto;
    align-self: auto;
  }

  .movie-one-shot {
    text-align: center;
  }

  .back-top {
    position: fixed;
    bottom: 0;
    right: 0;
  }

  .bonus-roles-table-section {
    background-color: #13141f;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .bonus-roles-table-container {
    max-width: none;
  }

  .bonus-roles-table {
    margin-top: 10px;
  }

  .bonus-roles-title-container {
    grid-column-gap: 20px;
    background-color: #2e303f;
    grid-template-columns: 1fr;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .watch-title-copy {
    margin-left: 10px;
  }

  .bonus-roles-title {
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-left: 10px;
  }

  .bonus-roles-row {
    grid-column-gap: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .bonus-roles-heading, .bonus-roles-item-description {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
  }

  .emoji-servers-table-section {
    background-color: #13141f;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .emoji-server-container {
    max-width: none;
  }

  .recipro-booster-servers {
    margin-top: 10px;
  }

  .recipro-booster-servers-row {
    grid-column-gap: 20px;
    grid-template-columns: 1fr;
    align-self: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .recipro-booster-servers-container {
    text-align: center;
    margin-bottom: 5px;
  }

  .character-servers {
    margin-top: 10px;
  }

  .character-server-title {
    margin-top: 0;
    margin-left: 0;
  }

  .character-servers-row {
    grid-column-gap: 20px;
    text-align: center;
    grid-template-columns: 1fr;
    align-self: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
  }

  .character-servers-container {
    margin-bottom: 5px;
  }

  .group-servers-row {
    grid-column-gap: 20px;
    text-align: center;
    grid-template-columns: 1fr;
    align-self: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .group-servers-container {
    margin-bottom: 5px;
  }

  .group-server-row {
    grid-column-gap: 20px;
  }

  .time-line-contain {
    margin-bottom: 10px;
    display: block;
  }

  .bold-text-2 {
    color: #fff;
  }

  .container-7 {
    max-width: none;
  }

  .centered-heading-3 {
    margin-bottom: 24px;
  }

  .team-grid-2 {
    grid-template-columns: 1fr;
  }

  .server-roles {
    background-color: #13141f;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .server-role-title {
    color: #fff;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 26px;
  }

  .server-role-description {
    color: #fff;
  }

  .server-role-grid {
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  .server-role-items.vigilantes {
    color: #fff;
    background-color: #ff9664;
  }

  .server-role-items.sidekicks {
    color: #000;
    background-color: #ff78bb;
  }

  .server-role-items.heroes {
    color: #000;
    background-color: #6cacdf;
  }

  .server-role-items.event-team {
    color: #fff;
    background-color: #ff005a;
  }

  .server-role-items.server-staff {
    color: #fff;
    background-color: #000;
  }

  .server-role-items.event-manager {
    color: #fff;
    background-color: #1559ff;
  }

  .server-role-items.art-team {
    color: #000;
    background-color: #00cfff;
  }

  .server-role-items.art-manager {
    color: #000;
    background-color: #00ffc0;
  }

  .server-role-items.developer-team {
    color: #000;
    background-color: #be7eff;
  }

  .server-role-items.newspaper-club {
    color: #fff;
    background-color: #000;
  }

  .server-role-items.wiki-member {
    color: #000;
    background-color: #6f7beb;
  }

  .server-role-items.wiki-staff {
    color: #000;
    background-color: #fcd12a;
  }

  .server-role-items.amino-member {
    color: #000;
    background-color: #ee7b31;
  }

  .server-role-items.amino-staff {
    color: #000;
    background-color: #3cc182;
  }

  .server-role-items.special-guest {
    color: #000;
    background-color: #3498db;
  }

  .server-role-items.dj {
    color: #fff;
    background-color: #000;
  }

  .server-role-items.manga-fukidashi {
    color: #000;
    background-color: #ff5978;
  }

  .server-role-items.uwabami {
    color: #000;
    background-color: #f8d09f;
  }

  .server-role-items.mei-hatsume {
    color: #000;
    background-color: #ffbbcd;
  }

  .server-role-items.creati {
    color: #000;
    background-color: #df4c84;
  }

  .server-role-items.glamour {
    color: #000;
    background-color: #eed2f8;
  }

  .server-role-items.transform {
    color: #000;
    background-color: #f8f0d2;
  }

  .server-role-items.lunch-rush {
    color: #000;
    background-color: #ffdc00;
  }

  .server-role-items.theorist {
    color: #000;
    background-color: #c56dfc;
  }

  .server-role-items.foresight {
    color: #fff;
    background-color: #7732ee;
  }

  .server-role-items.horikoshis-hand {
    color: #000;
    background-color: #1e90ff;
  }

  .server-role-items.new-order {
    color: #fff;
    background-color: #5365ff;
  }

  .server-role-items.mr-smiley {
    color: #fff;
    background-color: #f489a3;
  }

  .server-role-items.pop-step {
    color: #000;
    background-color: #b68fff;
  }

  .server-role-items.earphone-jack {
    color: #000;
    background-color: #ccaaf5;
  }

  .server-role-items.radio-waves {
    color: #fff;
    background-color: #407e90;
  }

  .server-role-items.featherhats {
    color: #000;
    background-color: #4fc4ff;
  }

  .server-role-items.ms-joke {
    color: #000;
    background-color: #00ff82;
  }

  .bold-text-3 {
    color: #fff;
  }

  .role-block {
    width: 100%;
  }

  .servver-role-container {
    max-width: none;
  }

  .role-paths {
    background-color: #13141f;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .role-paths-container {
    max-width: none;
  }

  .role-paths-title {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
  }

  .role-paths-description {
    color: #fff;
  }

  .role-paths-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  .role-paths-card {
    width: 100%;
    height: 100%;
  }

  .path-names.tomura {
    color: #000;
    background-color: #dadae2;
    width: 100%;
    height: 100%;
  }

  .path-names.deku {
    color: #fff;
    background-color: #166769;
    width: 100%;
    height: 100%;
  }

  .path-names.knuckleduster {
    color: #fff;
    background-color: #313d57;
    width: 100%;
  }

  .path-names.shield {
    color: #000;
    background-color: #eed24e;
    width: 100%;
  }

  .path-names.overhaul {
    color: #fff;
    background-color: #5b4180;
    width: 100%;
  }

  .path-names.yoarashi {
    color: #fff;
    background-color: #613337;
    width: 100%;
  }

  .path-names.fear {
    color: #fff;
    background-color: #000101;
    width: 100%;
  }

  .path-names.peace {
    color: #000;
    background-color: #fefeff;
    width: 100%;
  }

  .path-names._20percent {
    color: #000;
    background-color: #58769f;
    width: 100%;
  }

  .path-names.inventor {
    color: #000;
    background-color: #4ae6aa;
    width: 100%;
  }

  .path-names.boss {
    color: #000;
    background-color: #4e9c77;
    width: 100%;
  }

  .path-names.graduate {
    color: #000;
    background-color: #9f78a3;
    width: 100%;
  }

  .path-names.commander {
    color: #000;
    background-color: #1ec7bd;
    width: 100%;
  }

  .path-names.alumni {
    color: #fff;
    background-color: #e010ba;
    width: 100%;
  }

  .path-names.scrapped {
    color: #000;
    background-color: #c2a17b;
    width: 100%;
  }

  .path-names.engineer {
    color: #000;
    background-color: #c3ffd4;
    width: 100%;
  }

  .path-names.right-hand {
    color: #000;
    background-color: #c0addc;
    width: 100%;
  }

  .path-names.valedictorian {
    color: #000;
    background-color: #378383;
    width: 100%;
  }

  .path-names.wanted {
    color: #fff;
    background-color: #2866a3;
    width: 100%;
  }

  .path-names.big-three {
    color: #000;
    background-color: #ffcc3e;
    width: 100%;
  }

  .path-names.poorly-drawn {
    color: #000;
    background-color: #d0969b;
    width: 100%;
  }

  .path-names.apprentice {
    color: #000;
    background-color: #bdc6ff;
    width: 100%;
  }

  .path-names._8-bullets {
    color: #fff;
    background-color: #fe0064;
    width: 100%;
  }

  .path-names._3rd-year {
    color: #000;
    background-color: #d6be82;
    width: 100%;
  }

  .path-names.jailbreaker {
    color: #fff;
    background-color: #d32663;
    width: 100%;
  }

  .path-names.class-3a {
    color: #000;
    background-color: #e67e22;
    width: 100%;
  }

  .path-names.quirkless {
    color: #000;
    background-color: #77ad77;
    width: 100%;
  }

  .path-names.class-3f {
    color: #000;
    background-color: #c3e5fe;
    width: 100%;
  }

  .path-names.hassaikai {
    color: #000;
    background-color: #3a99a7;
    width: 100%;
  }

  .path-names.second-year {
    color: #000;
    background-color: #c3451e;
    width: 100%;
  }

  .path-names.vanguard-squad {
    color: #000;
    background-color: #9a5ddd;
    width: 100%;
  }

  .path-names.class-2a {
    color: #000;
    background-color: #33c94c;
    width: 100%;
  }

  .path-names.still-quirkless {
    color: #000;
    background-color: #7ec6c9;
    width: 100%;
  }

  .path-names.class-2g {
    color: #000;
    background-color: #d658b6;
    width: 100%;
  }

  .path-names.henchmen {
    color: #000;
    background-color: #d94948;
    width: 100%;
  }

  .path-names._1st-year {
    color: #fff;
    background-color: #a0236d;
    width: 100%;
  }

  .path-names.villains {
    color: #000;
    background-color: #b7cfda;
    width: 100%;
  }

  .path-names.class-1a {
    color: #000;
    background-color: #d13030;
    width: 100%;
  }

  .path-names.hopelessly-quirkless {
    color: #000;
    background-color: #ca93be;
    width: 100%;
  }

  .path-names.class-1h {
    color: #000;
    background-color: #eaa2ff;
    width: 100%;
  }

  .path-names.yakuza {
    color: #000;
    background-color: #e9d274;
    width: 100%;
  }

  .path-names.shiketsu {
    color: #fff;
    background-color: #8224a0;
    width: 100%;
  }
}

#w-node-_37861a1b-c60b-540a-5b1e-b1242777696c-f1109215, #w-node-_37861a1b-c60b-540a-5b1e-b12427776977-f1109215, #w-node-_37861a1b-c60b-540a-5b1e-b1242777698b-f1109215, #w-node-_37861a1b-c60b-540a-5b1e-b12427776995-f1109215 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4e48b791-ae9f-125b-57e4-1f3ac0781c0e-431e81eb {
  place-self: center;
}

#w-node-d5bd4303-b2a6-7f9b-b3bb-7ec624536486-32ad8cd6, #w-node-ae20f909-40b1-fb5d-e424-a7adbbf39c66-32ad8cd6, #w-node-_5c7883c4-6649-7ea4-df84-6d306465ff70-32ad8cd6, #w-node-eef2e792-931a-0af0-1e92-f4079d8bf83d-32ad8cd6, #w-node-adec7a31-cee3-695a-cde3-f483245aa5dd-32ad8cd6, #w-node-_14ced4cc-cbfe-5570-514c-231af57371e8-32ad8cd6, #w-node-acdd6db0-833a-37cd-b8e8-78c779dfed4f-32ad8cd6, #w-node-_9bfc8d43-f444-f486-1e21-790484f1bd71-32ad8cd6, #w-node-eb8513e5-a81e-7886-ebc3-7be5bebbc431-32ad8cd6, #w-node-c4e6266c-a496-9bbd-9e3e-4c067be122ea-32ad8cd6, #w-node-cab83230-92df-1046-b9a0-84a36deefc5f-32ad8cd6, #w-node-_6720cc0b-1df9-4e96-a59c-e17647de2327-32ad8cd6, #w-node-bb487fc5-5808-1515-01b7-c7f673130a3c-32ad8cd6, #w-node-_0910ef29-dfff-09f0-1635-a281f68bb5e9-32ad8cd6, #w-node-bfb55837-c440-dff6-b3d1-29622af32162-32ad8cd6, #w-node-_64669189-3aac-9309-9418-a99d50e55c8c-32ad8cd6, #w-node-ab72329a-e851-e165-f731-74b64f3a779d-32ad8cd6, #w-node-_38560f3c-db5b-aefb-2721-a0dc48d7a2fb-32ad8cd6, #w-node-_344102bc-c0b7-fa03-466b-ce21acc4f47c-32ad8cd6, #w-node-b807b2ce-b8c6-2949-fb7b-f7188713d925-32ad8cd6, #w-node-_23433a62-703e-e13f-56b8-081fe768e33a-32ad8cd6, #w-node-bfed5a47-4f33-b661-d44d-7b3a9bd03fa8-32ad8cd6, #w-node-_6a3a71cd-ccb2-9005-0919-d4669f63e5b4-32ad8cd6, #w-node-_32ac88ed-a92d-d682-4942-353e2021bce8-32ad8cd6, #w-node-bc7ce8b9-78a3-a11a-72f2-afc31e582b3b-32ad8cd6, #w-node-_201b500c-5ce5-49db-11b3-58739d0060e5-32ad8cd6, #w-node-e0faf958-69d1-61e8-c591-a7f5ebbf30c7-32ad8cd6, #w-node-_9725d9ec-2a85-9136-ba9f-66a2b6ff9417-32ad8cd6, #w-node-f5ef5092-0a0f-c85a-6ae6-83cf1e59e6b6-32ad8cd6, #w-node-_68bb2837-be98-2a2b-736a-fc418276e2b0-32ad8cd6, #w-node-_239cfbbd-24da-7033-7ade-875482b86322-32ad8cd6, #w-node-bd7754d1-0c3d-2dfa-2c31-c87f804c0c06-32ad8cd6, #w-node-_442b7ddf-2c1f-139e-c608-cc388a25b18b-32ad8cd6, #w-node-_2b2ec5d9-07f1-f890-f9a5-6eac39dabc84-32ad8cd6, #w-node-e10afd95-95bd-1a10-1c68-acd9ee790b5e-32ad8cd6, #w-node-_456b24d2-cab9-a410-f300-32390aef21e4-32ad8cd6, #w-node-_236b53b3-2444-cd56-921b-8d77393178d4-32ad8cd6, #w-node-_60583205-80f4-b568-261a-d50f7f4cd0d7-32ad8cd6, #w-node-_68898c5a-8963-0787-cd65-fe5dfc563f2d-32ad8cd6, #w-node-_3786df78-1d30-7dc9-26f3-cfc23e228968-32ad8cd6, #w-node-_7af987f6-6141-c365-7b49-88108e5a5eaf-32ad8cd6, #w-node-_75b187a2-326c-1c04-a514-7fc1265a716b-32ad8cd6, #w-node-_8b5a15fb-0a4f-571c-a18e-8e3b7b8d4803-32ad8cd6, #w-node-d8e96a99-94ca-a321-570e-c8cef1cb6f56-32ad8cd6, #w-node-bf19d1e7-d13f-fdba-5be0-c41e5eed7d26-32ad8cd6, #w-node-_31df6892-0e6c-4941-001e-f4f4e368c69f-32ad8cd6, #w-node-_6403d0bf-dacb-a50c-e4f3-b127ddc84452-32ad8cd6, #w-node-_12115ecc-67af-a107-1107-716309b59173-32ad8cd6, #w-node-d5bd4303-b2a6-7f9b-b3bb-7ec624536486-0bc77850, #w-node-ae20f909-40b1-fb5d-e424-a7adbbf39c66-0bc77850, #w-node-_5c7883c4-6649-7ea4-df84-6d306465ff70-0bc77850, #w-node-eef2e792-931a-0af0-1e92-f4079d8bf83d-0bc77850, #w-node-adec7a31-cee3-695a-cde3-f483245aa5dd-0bc77850, #w-node-_14ced4cc-cbfe-5570-514c-231af57371e8-0bc77850, #w-node-acdd6db0-833a-37cd-b8e8-78c779dfed4f-0bc77850, #w-node-_9bfc8d43-f444-f486-1e21-790484f1bd71-0bc77850, #w-node-eb8513e5-a81e-7886-ebc3-7be5bebbc431-0bc77850, #w-node-c4e6266c-a496-9bbd-9e3e-4c067be122ea-0bc77850, #w-node-cab83230-92df-1046-b9a0-84a36deefc5f-0bc77850, #w-node-_6720cc0b-1df9-4e96-a59c-e17647de2327-0bc77850, #w-node-bb487fc5-5808-1515-01b7-c7f673130a3c-0bc77850, #w-node-_0910ef29-dfff-09f0-1635-a281f68bb5e9-0bc77850, #w-node-bfb55837-c440-dff6-b3d1-29622af32162-0bc77850, #w-node-_64669189-3aac-9309-9418-a99d50e55c8c-0bc77850, #w-node-ab72329a-e851-e165-f731-74b64f3a779d-0bc77850, #w-node-_38560f3c-db5b-aefb-2721-a0dc48d7a2fb-0bc77850, #w-node-_344102bc-c0b7-fa03-466b-ce21acc4f47c-0bc77850, #w-node-b807b2ce-b8c6-2949-fb7b-f7188713d925-0bc77850, #w-node-_23433a62-703e-e13f-56b8-081fe768e33a-0bc77850, #w-node-bfed5a47-4f33-b661-d44d-7b3a9bd03fa8-0bc77850, #w-node-_6a3a71cd-ccb2-9005-0919-d4669f63e5b4-0bc77850, #w-node-_32ac88ed-a92d-d682-4942-353e2021bce8-0bc77850, #w-node-bc7ce8b9-78a3-a11a-72f2-afc31e582b3b-0bc77850, #w-node-_201b500c-5ce5-49db-11b3-58739d0060e5-0bc77850, #w-node-e0faf958-69d1-61e8-c591-a7f5ebbf30c7-0bc77850, #w-node-_9725d9ec-2a85-9136-ba9f-66a2b6ff9417-0bc77850, #w-node-f5ef5092-0a0f-c85a-6ae6-83cf1e59e6b6-0bc77850, #w-node-_68bb2837-be98-2a2b-736a-fc418276e2b0-0bc77850, #w-node-_239cfbbd-24da-7033-7ade-875482b86322-0bc77850, #w-node-bd7754d1-0c3d-2dfa-2c31-c87f804c0c06-0bc77850, #w-node-_442b7ddf-2c1f-139e-c608-cc388a25b18b-0bc77850, #w-node-_2b2ec5d9-07f1-f890-f9a5-6eac39dabc84-0bc77850, #w-node-e10afd95-95bd-1a10-1c68-acd9ee790b5e-0bc77850, #w-node-_456b24d2-cab9-a410-f300-32390aef21e4-0bc77850, #w-node-_236b53b3-2444-cd56-921b-8d77393178d4-0bc77850, #w-node-_60583205-80f4-b568-261a-d50f7f4cd0d7-0bc77850, #w-node-_68898c5a-8963-0787-cd65-fe5dfc563f2d-0bc77850, #w-node-_3786df78-1d30-7dc9-26f3-cfc23e228968-0bc77850, #w-node-_7af987f6-6141-c365-7b49-88108e5a5eaf-0bc77850, #w-node-_75b187a2-326c-1c04-a514-7fc1265a716b-0bc77850, #w-node-_8b5a15fb-0a4f-571c-a18e-8e3b7b8d4803-0bc77850, #w-node-d8e96a99-94ca-a321-570e-c8cef1cb6f56-0bc77850, #w-node-bf19d1e7-d13f-fdba-5be0-c41e5eed7d26-0bc77850, #w-node-_31df6892-0e6c-4941-001e-f4f4e368c69f-0bc77850, #w-node-_6403d0bf-dacb-a50c-e4f3-b127ddc84452-0bc77850, #w-node-_12115ecc-67af-a107-1107-716309b59173-0bc77850 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1440px) {
  #w-node-_37861a1b-c60b-540a-5b1e-b12427776977-f1109215 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6be8bc02-8368-8c69-7bf8-776d84dc171f-32aa44ed, #w-node-e524401a-20fd-e944-6dcd-ae8ad5e517d3-32aa44ed, #w-node-_4e48b791-ae9f-125b-57e4-1f3ac0781c0b-431e81eb {
    justify-self: start;
  }

  #w-node-_4e48b791-ae9f-125b-57e4-1f3ac0781c0e-431e81eb {
    place-self: center;
  }

  #w-node-_90c90f52-4230-0437-1d32-d8f3a9276fbf-431e81eb, #w-node-f7ff0b60-da72-5e12-6d80-cc0c8275ce99-431e81eb {
    place-self: auto;
  }

  #w-node-_55cb56af-f89a-726c-9fcc-9060cb5e8840-431e81eb, #w-node-_54d89a15-5b92-1b1a-35b0-178a81854de8-431e81eb, #w-node-_5828a935-8796-a627-b467-f853d6e942cc-e49b1ab2, #w-node-d851d93c-f335-287f-bd69-8079b4cbc01a-6a0eb9ec {
    justify-self: start;
  }

  #w-node-d851d93c-f335-287f-bd69-8079b4cbc01d-6a0eb9ec, #w-node-_1c10d23c-fca2-4ff5-be79-d25f4bb2d697-6a0eb9ec, #w-node-be5bb851-0ac5-a6fb-ab9a-43f5a8c171f1-6a0eb9ec, #w-node-_0ed7cdf9-c6c5-5c04-650e-63855a2cdaf8-6a0eb9ec {
    justify-self: center;
  }

  #w-node-_1fd31a11-1591-e861-094a-12244d8a0da1-6a0eb9ec {
    justify-self: start;
  }

  #w-node-_2f80a8f0-b9b9-7b14-d5cb-7d7bd0a45db9-6a0eb9ec, #w-node-_61115da4-6e96-9ad7-a2e2-e20b3503dac6-6a0eb9ec, #w-node-_4c9bca60-55c8-657a-7e82-505615a51252-6a0eb9ec, #w-node-_5f6c2b67-e318-3f18-a2bb-c691792cf740-6a0eb9ec, #w-node-_06675602-a6e7-de4d-2787-3070b973f0b4-6a0eb9ec, #w-node-_06675602-a6e7-de4d-2787-3070b973f0b8-6a0eb9ec, #w-node-_06675602-a6e7-de4d-2787-3070b973f0bc-6a0eb9ec, #w-node-_06675602-a6e7-de4d-2787-3070b973f0c0-6a0eb9ec, #w-node-c6fb9677-60f5-af17-92b4-962057217303-6a0eb9ec, #w-node-c6fb9677-60f5-af17-92b4-962057217307-6a0eb9ec, #w-node-c6fb9677-60f5-af17-92b4-96205721730b-6a0eb9ec, #w-node-c6fb9677-60f5-af17-92b4-96205721730f-6a0eb9ec, #w-node-_6fc129f0-3c31-60f1-480e-515cace68dfe-6a0eb9ec, #w-node-_6fc129f0-3c31-60f1-480e-515cace68e02-6a0eb9ec, #w-node-_6fc129f0-3c31-60f1-480e-515cace68e06-6a0eb9ec, #w-node-_6fc129f0-3c31-60f1-480e-515cace68e0a-6a0eb9ec, #w-node-_3ec194f6-973a-37dc-4524-82a4f30ed427-6a0eb9ec, #w-node-_3ec194f6-973a-37dc-4524-82a4f30ed42b-6a0eb9ec, #w-node-_3ec194f6-973a-37dc-4524-82a4f30ed42f-6a0eb9ec, #w-node-_3ec194f6-973a-37dc-4524-82a4f30ed433-6a0eb9ec, #w-node-f0c964d6-18b4-2aa3-1e63-8ec64c35047b-6a0eb9ec {
    justify-self: center;
  }

  #w-node-d27c203b-e4fa-56a0-ff4d-8d2d88fd0943-6a0eb9ec {
    justify-self: start;
  }

  #w-node-e94e5eb7-0549-a298-0a9d-db57ba015b2e-6a0eb9ec {
    place-self: center;
  }

  #w-node-e94e5eb7-0549-a298-0a9d-db57ba015b32-6a0eb9ec, #w-node-e94e5eb7-0549-a298-0a9d-db57ba015b36-6a0eb9ec, #w-node-e94e5eb7-0549-a298-0a9d-db57ba015b3a-6a0eb9ec, #w-node-b79511e9-158e-8e51-33c5-47113fe288c9-6a0eb9ec, #w-node-b79511e9-158e-8e51-33c5-47113fe288cd-6a0eb9ec, #w-node-b79511e9-158e-8e51-33c5-47113fe288d1-6a0eb9ec, #w-node-b79511e9-158e-8e51-33c5-47113fe288d5-6a0eb9ec, #w-node-f09ed786-3684-691a-b50d-faf84a204223-6a0eb9ec, #w-node-f09ed786-3684-691a-b50d-faf84a204227-6a0eb9ec {
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_3abf3f0d-10c1-56ba-0362-c1efdab5c4e1-f1109215, #w-node-_9bebdd9f-3b25-9a14-b730-85758f12a0e7-f1109215, #w-node-_6be8bc02-8368-8c69-7bf8-776d84dc171f-32aa44ed {
    place-self: center;
  }

  #w-node-_75297ca8-262e-3d3a-21e6-956673d52614-32aa44ed {
    place-self: auto;
  }

  #w-node-abc25f29-c5e0-69fc-d315-9013aa6f1059-32aa44ed {
    justify-self: center;
  }

  #w-node-_97aadc59-e018-ac0c-3fe3-f4fd7e7c40f7-32aa44ed, #w-node-_97aadc59-e018-ac0c-3fe3-f4fd7e7c40f9-32aa44ed, #w-node-da299fc0-d0ab-2f35-a39c-a89a35812f7b-431e81eb {
    align-self: center;
  }

  #w-node-_7dd17dde-1ee7-c392-f63e-1e5cdb6c0f40-e49b1ab2 {
    place-self: center;
  }

  #w-node-d851d93c-f335-287f-bd69-8079b4cbc01d-6a0eb9ec {
    place-self: auto center;
  }

  #w-node-_1fd31a11-1591-e861-094a-12244d8a0da1-6a0eb9ec {
    justify-self: center;
  }

  #w-node-fec0d07f-13d9-413e-e010-70a2f857d5de-6a0eb9ec {
    place-self: center;
  }
}