html,
body {
  height: 100%;
  background-color: #020202;
  position: relative;
  min-height: 100%;
}

body {
  color: #fff;
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
  margin-bottom: -60px;
  overflow-y: hidden;
}

a,
a:focus {
  color: #00c4ff;
}
a:hover {color: #F00;text-decoration-color: #FFF;text-underline-position: under;}

.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 0;
}

.fullscreen-bg__video {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.navbar-brand{
  font-family: 'Orbitron', sans-serif;
  text-shadow: 1px 1px 1px #00b8ff, 2px 2px 1px #003448, 3px 3px 1px #ff0000;
  margin-left: 45px;
}
.ln{
    display: inline-block;
    height: 30px;
    text-align: center;
    margin: 0 5px;
}
.ln a {
    color: #464646!important;
    font-family: 'Orbitron', sans-serif;
    font-size: 10px;
    letter-spacing: 0;
    text-decoration: none;
}
.ln i{
  color: #888!important;
}
.lnw {
    text-align: center;
}
.dropdown-item {
    padding: .5rem 1.5rem;
    color: #ffffff;
    font-family: 'Orbitron', sans-serif;
}

.dropdown-menu.show {
    background-color: #151515;
    border: 1px solid #212121;
    border-top: none;
    top: 44px;
}

.dropdown-menu.show button.dropdown-item {
  color: #e1e1e1;
}

.dropdown-menu.show .dropdown-ider {
  border-top: 1px solid rgba(50, 50, 50, 0.9);
}

.dropdown-menu.show button.dropdown-item:hover,
.dropdown-menu.show button.dropdown-item:focus {
  background-color: #1e1e1e;
  color: #f0f0f0;
}
.nav-item{
  font-family: 'Orbitron', sans-serif;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #a5a5a5;
    text-decoration: none;
    background-color: #3a3a3a;
}
#mainContent{
  z-index:1;
  text-align: center;
  position:absolute;
}
#topnav{
  background-color: #151515!important;
  border-bottom: 2px solid #212121;
  z-index:100;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: fit-content;
  line-height: 27px;
  background-color: #f5f5f5;
  background-color: #151515!important;
  border-top: 2px solid #212121;
}
.nopad{
  padding: 0;
}

.tlt{
  display: none;
  font-family: 'Orbitron', sans-serif;
  text-shadow: 2px 2px 2px #00b8ff, 6px 6px 2px #003448;
  letter-spacing: 4px;
  cursor: default;
}

.mainTitle{
  display: none;
  font-family: 'Orbitron', sans-serif;
  text-shadow: 2px 2px 2px #00b8ff, 6px 6px 2px #003448, 9px 9px 2px #ff0000;
  letter-spacing: 1px;
  margin:30px 0;
  cursor: default;
}

.faceLogo{
  position: absolute;
  top: 4px;
  border-radius: 50%;
  -webkit-transition: -webkit-transform .4s ease-in-out;
          transition:         transform .4s ease-in-out;
}
.faceLogo:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

.shareIcon{
  font-size: 16px;
  color: #fff;
}
.modal-content{
  background-color: #151515;
  border: 1px solid #24394a;
}

.modal-header {
    border-bottom: 1px solid #24394a;
    font-family: 'Orbitron', sans-serif;
    letter-spacing: 1px;
}
button.close {
    color: #FFF;
    text-shadow: 2px 2px 2px #000;
    opacity: .7;
}
button.close:hover {
    color: #FFF;
    opacity: 1!important;
}
#qrShare {
    text-align: center;
    margin-bottom: 20px;
}
#qrShare img {
  width: 100%!important;
  height: 100%!important;
  box-shadow: 0 0 12px 2px #02adff33;
  border: 2px solid #000;
}
.twitter-share-button{
  visibility: hidden;
}
.inline{
  display: inline-block;
}
.btn-group-xs > .btn, .btn-xs {
    padding: 2px 9px;
    line-height: 14px;
    border-radius: .2rem;
    font-size: 12px;
    font-weight: 500;
    margin-top: -12px;
}
a.btn.btn-primary.btn-default.btn-xs:focus {
    box-shadow: none;
}
.shareModalVideo{
  position: absolute;
  top: 0;
  left: 0;
  height:100%;
  width: 100%;
}
.shareModalVideo video{
  max-width: 500px;
  height: 100%;
  width: 100%;
  object-fit: fill;
  z-index: 0;
  border-radius: .3rem;
  overflow: hidden;
}
.shareModalContent {
    z-index: 110;
    position: relative;
}
div#qrShare canvas {
    width: 100%!important;
    height: 100%!important;
}
.modal-header {
    cursor: grab;
}
.is-dragging .modal-header {
    cursor: grabbing!important;
}
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {
    .ln a {
      font-size: 11px;
    }
    .ln{
      margin: 0 20px;
    }
    .mainTitle{}
  }

  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {
    .ln a {
      font-size: 14px;
    }
  }

  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) {
    .ln a {
      font-size: 16px;
    }
    .ln{
      margin: 0 30px;
    }
  }

  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {
    .class-name {font-size: 48px;}
  }

  /*