@font-face {
  font-family: "casual";
  src:  url(assets/fonts/cinecavD_casual.ttf) format("truetype");
}

@font-face {
  font-family: "monospaced sans serif";
  src:  url(assets/fonts/cinecavD_mono.ttf) format("truetype");
}

@font-face {
  font-family: "proportional sans serif";
  src:  url(assets/fonts/cinecavD_sans.ttf) format("truetype");
}

@font-face {
  font-family: "monospaced serif";
  src:  url(assets/fonts/cinecavD_type.ttf) format("truetype");
}

@font-face {
  font-family: "proportional serif";
  src:  url(assets/fonts/cinecavD_serif.ttf) format("truetype");
}

@font-face {
  font-family: "cursive";
  src:  url(assets/fonts/cinecavD_script.ttf) format("truetype");
}

@font-face {
  font-family: "small capitals";
  src:  url(assets/fonts/cinecavD_sc.ttf) format("truetype");
}

#viper-player-container {
   position: relative;
   width: 100%;
   height: 100%;
}

#viper-player {
    width: 100%;
    height: 100%;
}

.pp-cc-container {
    position: absolute;
    width: 100%;
    height: 40px;
    bottom: 0;
    text-align: center;
}

.pp-cc-text-outer {
    position: absolute;
    width: 100%;
    display: inline-block;
}

.pp-cc-text {
    position: relative;
    margin: 0 10px;
    background-color: black;
    color: #ffffff;
    display: inline-block;
    padding: 3px;
}