@font-face {
    font-family: "BlackSword";
    src: url("../fonts/blacksword.otf") format("opentype");
}

body{
  font-family: 'Lato', sans-serif;
  overflow: hidden;
}

video{
  min-width: 100%; min-height: 100%;
}

.uk-cover{
  min-width: 100vw;
  min-height: 100vh;
  overflow: hidden;
}


.logo{
  height:42px;
}

.uk-position-bottom-center{
    color:#365ba8;
}

.neon{
    width: 30px;
    height:100%;
    position: absolute;
    -webkit-filter: blur(16px);
    -moz-filter: blur(16px);
    -o-filter: blur(16px);
    -ms-filter: blur(16px);
    opacity: 50%;
    box-shadow:
        inset 0 0 50px #fff,      /* inner white */
        inset 20px 0 80px #504a7a,   /* inner left magenta short */
        inset -20px 0 80px #504a7a,  /* inner right cyan short */
        inset 20px 0 300px #504a7a,  /* inner left magenta broad */
        inset -20px 0 300px #504a7a, /* inner right cyan broad */
        0 0 50px #fff,            /* outer white */
        -10px 0 80px #504a7a,        /* outer left magenta */
        10px 0 80px #504a7a;         /* outer right cyan */

}
.left{
  left:-50px;
}

.right{
  right:-50px;
}

.top{
  width: 100%;
  height: 10px;
  top:-35px;
}

.lead{
  font-size: 125%;
  opacity: 1;
}

/* tmp léo */
canvas, img, video {
    max-width: 10000%;
}
/* --- */

.uk-heading-primary, .lead, .uk-button-large {
  text-shadow: 2px 2px 2px #666, 
		3px 3px 8px black;
}
}
@media screen and (min-aspect-ratio: 4/3) {
  video, .uk-cover {
    width:179vw;
    height: 100%;
  }
}

@media (max-width: 600px) {
    video {
        display: none;
    }
    .mobile-uk-cover{
      z-index: -50;
      width: 100vw;
      height: 100vh;
      z-index: 1;
      background: url('../img/bg.jpg');
      background-size: cover;
      -webkit-filter: blur(10px);
      -moz-filter: blur(10px);
      -o-filter: blur(10px);
      -ms-filter: blur(10px);
      filter: blur(10px);
    }
}