@font-face {
  font-family: CC Ultimatum;
  src: url(https://s3.eu-west-3.amazonaws.com/takah.stream/CC+Ultimatum+Heavy+Italic.otf);  
}

body, html {
    height: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
}

#alert {
    position: absolute !important;
    height: 100% !important;
    width: 100% !important;
}

#alert-image {
  z-index: 0 !important;
  display: block !important;
  
}

#alert-image video {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

#alert-username-wrap {
  position: absolute !important;
  top: 863px !important;
  left: 57% !important;
  transform: translate(-50%, -50%) !important;
  overflow: hidden !important;
}

#alert-username {
  font-family: 'CC Ultimatum' !important;
  font-size: 50px !important;
  font-weight: normal !important;
  color: #d5d9f0 !important;
  display: inline-block !important;
  position: relative !important;
  z-index: 1 !important;
  top: -68px;
}

.animate-username {
  animation: forwards;
  animation-name: animate-username-in, animate-username-out, animate-username-out-bis;
  animation-delay: 0.15s, 4.65s, 5.25s;
  animation-duration: 0.75s, 0.6s, 0.5s;
}

@keyframes animate-username-in {
  from {
    top: -68px;
  }
  to {
    top: 0px;
  }
}

@keyframes animate-username-out {
  from {
    top: 0px;
  }
  to {
    top: -6px;
  }
}

@keyframes animate-username-out-bis {
  from {
    top: -6px;
  }
  to {
    top: -68px;
  }