f0bm/public/s/css/w0bm.css

.navbar-brand {
  display: grid;
  grid-template-columns: 1fr auto;
}

.image-brand {
  width: 5cm;
}

.kontrollelement {
  grid-column: 2;
}

.metadata {
  grid-template-columns: 0.4fr auto 0.4fr;
  grid-template-rows: auto 1fr;
  background-color: transparent !important;
  border: none !important;
}

html[theme="f0ck95d"] .badge-dark {
  border: none;
  background-image: none;
  box-shadow: none;
}

.steuerung {
  font-size: x-large;
  font-family: monospace;
}

.steuerung a {
  color: white;
}

.blahlol {
  grid-column: 2;
}

span#favs {
  background: transparent !important;
  border: none !important;
}

.badge-dark,
#themeselector {
  background-color: unset;
  border: unset;
}

._204863 {
  background: none;
  border: none;
  background-color: none;
}

html[theme="iced"] ._204863 {
  background: none;
}

.media-object {
  border: none;
}

.v0ck {
  background: transparent !important;
}

html[theme="f0ck95d"] .embed-responsive.embed-responsive-16by9 {
  background: #0000008f !important;
}

html[theme="f0ck95"] .embed-responsive.embed-responsive-16by9 {
  background: var(--nav-bg) !important;
}

.v0ck_overlay {
  background-color: transparent;
}

.v0ck_player_controls {
  background: rgba(0, 0, 0, 0.95) !important;
}

html[theme="term"] .image-brand {
  filter: hue-rotate(-50deg);
}

html[theme="f0ck"] .image-brand {
  filter: hue-rotate(-50deg);
}

html[theme="p1nk"] .image-brand {
  filter: hue-rotate(150deg);
}

html[theme="orange"] .image-brand {
  filter: hue-rotate(-160deg);
}

.v0ck_overlay {
  background-color: none !important;
}

.tags {
  display: grid;
}

@media (min-width: 600px) {
  .tags {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 900px) {
  .tags {
    grid-template-columns: repeat(3, 1fr);
  }
}

.tag {
  box-shadow: 1px 1px 1px black;
  display: grid;
  margin: 5px;
  grid-template-columns: auto;
  grid-template-rows: 1fr;
}

.navigation-rechts {
  display: flex;
}

.about {
  background: none !important;
}

.login-image {
  width: 300px;
}

.tos {
  margin: 2em;
}

.nav-link[data-toggle="dropdown"]::after {
  content: "" !important;
}

/* .dropdown-menu.shii {
  width: auto;
} */

@media (min-width: 900px) {
  .tags {
    grid-template-columns: repeat(auto-fill, 20em);
    justify-content: center;
  }
}

.tag img {
  width: 100%;
}

@media (max-width: 1056px) {

  html,
  body {
    text-align: left;
  }
}

html[theme="f0ck95d"] .embed-responsive.embed-responsive-16by9 {
  border-bottom: outset 2px silver;
}

html[theme="f0ck95"] .embed-responsive.embed-responsive-16by9 {
  border-bottom: outset 2px silver;
}

/* Fade in video on page load */

video {
  opacity: 0;
  animation: fadeIn 2s forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}