body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
      'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
      sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    background-color: black;
  }

  div {
    color: white;
  }

  .font-primary {
    color: white;
    font-family: "GroteskBold", sans-serif;
  }

  .font-primary-regular {
    color: white;
    font-family: "GroteskRegular", sans-serif;
  }

  .font-secondary {
    color: white;
    font-family: "ProximaNovaBold", sans-serif;
  }

  .hide {
    opacity: 0 !important;
  }

  .remove {
    display: none !important;
  }


.castMediaElement {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: black;
}

@font-face {
font-family: "GroteskBold";
src: url("../font/RightGrotesk/PPRightGrotesk-Bold.otf") format("opentype");
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: "GroteskRegular";
src: url("../font/RightGrotesk/PPRightGrotesk-Regular.otf") format("opentype");
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: "ProximaNovaBold";
src: url("../font/ProximaNova/ProximaNovaBold.otf") format("opentype");
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: "ProximaNovaRegular";
src: url("../font/ProximaNova/ProximaNovaRegular.otf") format("opentype");
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: "ProximaNovaThin";
src: url("../font/ProximaNova/ProximaNovaThin.otf") format("opentype");
font-weight: bold;
font-style: normal;
}