@font-face {
    font-family: "Impact";
    src: local("Impact"),
         url("/static/fonts/7bf07faa-78fc-4952-9cf8-82786912a0fe.woff2") format("woff");
}

body {
    background-color: #000;
}

body * {
    font-family: Impact;
    color: #fff;
}

img.meme.upload {
    width: 300px;
    height: 300px;
    position: absolute;
    left: calc(50vw - 150px);
    top: calc(50vh - 150px);
}

img.meme {
    max-width: 100%;
}

input[type=file] {
    opacity: 0.01;
    width: 100vw;
    height: 100vh;
    position: relative;
    z-index: 2;
}

.canvas-container {
    margin: 0 auto;
}

h5.generating {
    height: 80vh;
    font-size: 2rem;
}

.scroll a span {
    visiblity: hidden;
    height: 0;
    width: 0;
    display: inline-block;
}