@font-face {
    font-family: 'Bitter';
    src: url('../ttf/Bitter.ttf') format("truetype-variations");
    font-weight: 1 999;
}

@font-face {
    font-family: 'Bitter';
    src: url('../ttf/Bitter-Italic.ttf') format("truetype-variations");
    font-weight: 1 999;
    font-style: italic;
}

body {
    xscroll-behavior: smooth;
}

img.base {
    filter: sepia(1) hue-rotate(180deg) saturate(2);
}

img.neut {
    filter: sepia(1) hue-rotate(245deg) saturate(2);
}

img.acid {
    filter: sepia(1) hue-rotate(310deg) saturate(2);
}

.image.is-greyscale {
    filter: saturate(0);
}

blockquote {
    overflow-y: auto;
}

figcaption {
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 1) 100%);
    position: absolute;
    bottom: 0;
}

blockquote p {
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    line-height: 1.25;
}

.hero {
    background: url('../png/assange.png') no-repeat bottom left;
    background-size: contain;
}

.hero-body img {
    max-height: 100vh;
    width: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    xz-index: -1;
}

@keyframes fade {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fade2 {
    0% { opacity: 0; top: -2rem; }
    100% { opacity: 1; top: 1rem; }
}

.hero .title > div {
    position: relative;
    top: -2rem;
    opacity: 0;
    animation: fade2 0.5s linear forwards;
}

.hero .title div div {
    opacity: 0;
    position: relative;
    animation: fade 1s ease forwards;
}

.hero .title > div:nth-child(1) { animation-delay: 0.5s; }
.hero .title > div:nth-child(2) { animation-delay: 1.0s; }
.hero .title > div:nth-child(3) { animation-delay: 1.5s; }

.hero .title div:nth-child(1) div { animation-delay: 1s; }
.hero .title div:nth-child(2) div { animation-delay: 1.5s; }
.hero .title div:nth-child(3) div { animation-delay: 2s; }

/*
.card:last-child {
    background: #000 url('../jpg/dark.jpg') no-repeat bottom left;
    background-size: contain;
}

.footer.is-fullheight {
    height: 100vh;
}
*/

.is-borderless {
    border: 0 !important;
}

.has-background-transparent {
    background-color: transparent !important;
}