/* Set custom properties for each layout feature */
:root {
  --nubero-one-lcd-aalt: "aalt" off;
  --nubero-one-lcd-dlig: "dlig" off;
  --nubero-one-lcd-salt: "salt" off;
  --nubero-one-lcd-ss01: "ss01" off;
  --nubero-one-lcd-ss02: "ss02" off;
  --nubero-one-lcd-ss03: "ss03" off;
  --nubero-one-lcd-ss04: "ss04" off;
  --nubero-one-lcd-ss05: "ss05" off;
  --nubero-one-lcd-ss06: "ss06" off;
  --nubero-one-lcd-ss07: "ss07" off;
  --nubero-one-lcd-ss08: "ss08" off;
  --nubero-one-lcd-ss09: "ss09" off;
}

/* If class is applied, update custom property and
   apply modern font-variant-* when supported */
.nubero-one-lcd-aalt {
  --nubero-one-lcd-aalt: "aalt" on;
}

.nubero-one-lcd-dlig {
  --nubero-one-lcd-dlig: "dlig" on;
}

@supports (font-variant-ligatures: discretionary-ligatures) {
  .nubero-one-lcd-dlig {
    --nubero-one-lcd-dlig: "____";
    font-variant-ligatures: discretionary-ligatures;
  }
}

.nubero-one-lcd-salt {
  --nubero-one-lcd-salt: "salt" on;
}

.nubero-one-lcd-ss01 {
  --nubero-one-lcd-ss01: "ss01" on;
}

.nubero-one-lcd-ss02 {
  --nubero-one-lcd-ss02: "ss02" on;
}

.nubero-one-lcd-ss03 {
  --nubero-one-lcd-ss03: "ss03" on;
}

.nubero-one-lcd-ss04 {
  --nubero-one-lcd-ss04: "ss04" on;
}

.nubero-one-lcd-ss05 {
  --nubero-one-lcd-ss05: "ss05" on;
}

.nubero-one-lcd-ss06 {
  --nubero-one-lcd-ss06: "ss06" on;
}

.nubero-one-lcd-ss07 {
  --nubero-one-lcd-ss07: "ss07" on;
}

.nubero-one-lcd-ss08 {
  --nubero-one-lcd-ss08: "ss08" on;
}

.nubero-one-lcd-ss09 {
  --nubero-one-lcd-ss09: "ss09" on;
}

/* Apply current state of all custom properties
   whenever a class is being applied */
.nubero-one-lcd-aalt,
.nubero-one-lcd-dlig,
.nubero-one-lcd-salt,
.nubero-one-lcd-ss01,
.nubero-one-lcd-ss02,
.nubero-one-lcd-ss03,
.nubero-one-lcd-ss04,
.nubero-one-lcd-ss05,
.nubero-one-lcd-ss06,
.nubero-one-lcd-ss07,
.nubero-one-lcd-ss08,
.nubero-one-lcd-ss09 {
  font-feature-settings: var(--nubero-one-lcd-aalt), var(--nubero-one-lcd-dlig), var(--nubero-one-lcd-salt), var(--nubero-one-lcd-ss01), var(--nubero-one-lcd-ss02), var(--nubero-one-lcd-ss03), var(--nubero-one-lcd-ss04), var(--nubero-one-lcd-ss05), var(--nubero-one-lcd-ss06), var(--nubero-one-lcd-ss07), var(--nubero-one-lcd-ss08), var(--nubero-one-lcd-ss09);
}


@font-face {
  font-family: NuberoOne;
  src: url(fonts/NuberoOne-LCD.woff2) format('woff2');
}

body {
  margin: 0;
  padding: 0;
}
.bg-video-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background: urlgone.png) no-repeat center center/cover;
}
video {
  min-width: 100%;
  min-height: 100vh;
  z-index: 1;
}
.overlay {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(45deg,rgba(0,0,0,.3) 50%, rgba(0,0,0,.7) 50%);
  background-size: 3px 3px;
  z-index: 2;
}
h1 {
  font-size: 4em;
  font-family: 'NuberoOne', cursive;
  font-weight: normal;
  text-align: center;
  color: rgba(255, 255, 255, 0.35);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 3;
  max-width: 800px;
  width: 100%;
  height: 200px;
}