@font-face {
  font-family: NotomaLogo;
  src: url("./notoma-logo-regular.otf") format("opentype");
}

@font-face {
  font-family: Askella;
  src: url("./NTMAskella-Regular.otf") format("opentype");
}
html {
  font-size: 62.5%;
  font-family: NotomaLogo, sans-serif;
}

html, body, main, .ltw {
  width: 100%;
  height: 100%;
  margin: 0;
}

body {
  position: relative;
  min-height: 50rem;
}
body.ntm-mode--bright {
  background: #ffffff;
  color: #111111;
}
body.ntm-mode--dark {
  background: #111111;
  color: #ffffff;
}

.ntm-mode {
  position: absolute;
  top: 3rem;
  right: 3rem;
  width: 3rem;
  height: 3rem;
  margin: 0 0 8.9rem 0.7rem;
  border: none;
  border-radius: 50%;
  background-color: #111111;
  outline: none;
  cursor: pointer;
}
.ntm-mode--dark .ntm-mode {
  background-color: #ffffff;
}

.ltw {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ltw .ltw-inner {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 800px) {
  .ltw .ltw-inner {
    flex-wrap: initial;
  }
}
.ltw .lt {
  font-size: 14rem;
  text-transform: uppercase;
  line-height: 11rem;
  user-select: none;
}
.ltw .lt.lt--var-ss00 {
  font-feature-settings: "ss01" off, "ss02" off, "ss03" off, "ss04" off;
}
.ltw .lt.lt--var-ss01 {
  font-feature-settings: "ss01" on, "ss02" off, "ss03" off, "ss04" off;
}
.ltw .lt.lt--var-ss02 {
  font-feature-settings: "ss01" off, "ss02" on, "ss03" off, "ss04" off;
}
.ltw .lt.lt--var-ss03 {
  font-feature-settings: "ss01" off, "ss02" off, "ss03" on, "ss04" off;
}
.ltw .lt.lt--var-ss04 {
  font-feature-settings: "ss01" off, "ss02" off, "ss03" off, "ss04" on;
}
@media (min-width: 800px) {
  .ltw .lt {
    font-size: 15rem;
  }
  .ntm-copy {
  	font-size: 1.2rem;
  }
}
@media (min-width: 1200px) {
  .ltw .lt {
    font-size: 24rem;
  }
    .ntm-copy {
  	font-size: 1.8rem;
  }
}
.ltw .lt-row {
  width: 100%;
  text-align: center;
}

.ntm-copy {
  position: absolute;
  bottom: 3rem;
  width: 100%;
  margin: 0;
  font-family: Askella, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1.8rem;
  text-align: center;
  color: #111111;
}
.ntm-mode--dark .ntm-copy {
  color: #ffffff;
}

/*# sourceMappingURL=notoma-logo.css.map */