@font-face {
    font-family: 'Gilroy-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Bold'), url('Gilroy-Bold.woff') format('woff');
}

::-webkit-scrollbar { width: 6px; } 
::-webkit-scrollbar-track { background-color: rgba(255,255,255,.15); }
::-webkit-scrollbar-thumb { background-color: #f12c87; }
::selection { background: #c13d3d22; }
::placeholder { color:#ccc; }

html { width:100%; height:100%; margin:0; padding:0; }
body { width:100%; height:100%; font-family:'Gilroy-Bold'; padding:0; margin:0; background:#06002b; color:#fff; }
video {
    position: fixed;
    top: 50%;
    left: 50%; 
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-repeat: no-repeat;
    background-size: cover;
}
.overlay {
    background:#06002bdd;
    position:absolute; top:0; left:0; display:grid; grid-template-rows:auto 1fr auto; width:100%; height:100%; z-index:2;
}
.content.center { width:100%; display:grid; place-items: center; text-align:center; }
    .logo { padding:32px 0; }
    .logo .symbol {
        position:relative;
        overflow:hidden;
        display:inline-block;
        width:320px;
        max-width:60%;
        background-image:url('logo_symbol_alt.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size:contain;
        animation:glitch 5s infinite;
        animation-delay: 3s;
    }
    .logo .symbol:after {
        content:'';
        float:left;
        padding-top:56%;
    }
    .logo img.text { width:470px; max-width:90%; }
    .partnerlogo { max-width: 150px; width:50%; }

.pagewidth { width:100%; max-width:60%; margin:0 auto; padding:2em 0; }
.content.pagewidth { text-align: left; padding:0 8px; box-sizing: border-box; }
.header img { width:400px; margin:40px auto; display: block; }
.footer { text-align:center; padding:32px; }

h1 { font-weight: 400; }
h2 { font-weight: 400; color:#f12c87; }
h3 { font-weight: 400; color:#fffa; }
h4 { font-weight: 400; color:#ffffff; }
p { color:#fff; }
a { color: #fff; transition: opacity .3s cubic-bezier(0.165, 0.840, 0.440, 1.000); text-decoration:none; }
a:hover { opacity:.8; }
sup { font-size:.5em; }
.faded { color: #f12c87; }
.spacer { position:relative; overflow:hidden; width:100%; }
.spacer:after { content:''; float:left; padding-top:3%;}

@keyframes glitch {
  0% {background-image:url('logo_symbol_alt.png'); }
  27% {background-image:url('logo_symbol_alt.png'); }
  28% {background-image:none; }
  29% {background-image:url('logo_symbol_alt.png'); }
  30% {background-image:url('logo_symbol_alt_glitched.png'); }
  31% {background-image:url('logo_symbol_alt.png'); }
  46% {background-image:url('logo_symbol_alt.png'); }
  47% {background-image:url('logo_symbol_alt_glitched.png'); }
  54% {background-image:url('logo_symbol_alt_glitched.png'); }
  55% {background-image:url('logo_symbol_alt.png'); }
}

.inline-list {
    display: inline-block;
    padding: 0;
}

.inline-list > li {
    display: inline;
    white-space: nowrap;
}

.inline-list > li:first-child { white-space: normal;}

.inline-list > li::after {
    content: ' ';
    letter-spacing: 1em;
    background: linear-gradient(90deg, transparent calc(50% - 0.06125em), #f12c87 0, #f12c87 calc(50% + 0.06125em), transparent 0); /* 6 */
}