:root {
  --color_text: #ffffff;
  --color_text_hover: #a0a0a0;
  --color_background_1_hover: #e60000;
  --color_background_1: #990000;
  --color_background: #000000;
  --color_navbar_background: #330000;
  --color_navbar_background_selected: #e60000;

  --color_fluo_1: #ff0066;
  --color_fluo_2: #1a75ff;
  --color_fluo_3: #00ff00;

}

.w3-theme-d1 {color:var(--color_text) !important; background-color:var(--color_background) !important}

.w3-theme-light {color:#000 !important; background-color:#f3f3fc !important}
.w3-theme-dark {color:#fff !important; background-color:#191966 !important}
.w3-theme-action {color:#fff !important; background-color:#191966 !important}

.w3-theme {color:var(--color_text) !important; background-color: var(--color_background) !important}
.w3-text-theme {color:var(--color_text) !important}
.w3-border-theme {border-color:#FF0000 !important}

.w3-hover-theme:hover {color:#fff !important; background-color: var(--color_background_hover) !important}
.w3-hover-text-theme:hover {color:var(--color_text_hover) !important}
.w3-hover-border-theme:hover {border-color:#3333cc !important}


.navbar {
  color:var(--color_text) !important;
  background-color:var(--color_navbar_background) !important;
}
.w3-button:hover {
  color:var(--color_text) !important;
  background-color:var(--color_fluo_1) !important;
}
.navbar_selected {
  color:var(--color_text) !important;
  background-color:var(--color_navbar_background_selected) !important;
}

.video-container-16-by-9-full {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  margin: auto;
}

.video-container-16-by-9-half {
  position: relative;
  width: 50%;
  padding-bottom: 28.125%;
  margin: auto;
}

.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}