@import url(../css/bootstrap/bootstrap.min.css);
@import "https://use.fontawesome.com/releases/v5.7.2/css/all.css";

html,
body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

.full-screen-video-container {
  width: 100%;
  padding-top: 56.25%;
  position: relative; /* If you want text inside of it */
}

/* If you want text inside of the container */
.full-screen-video {
  background-color: black;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  min-width: 100%;
  width: inherit;
}

.self-video {
    background-color: black;
    position: fixed;
    right: 2em;
    top: 2em;
    width: 240px;
    height: 135px;
    z-index: 100;
}