body {
    padding: 0;
    margin: 0;
}

#nav {
    position: fixed;
    top: 1rem;
    right: 1rem;
    padding: 0.5rem;
    border-radius: 1rem;
    z-index: 1000;
}

#nologin {
    position: fixed;
    top: 20%;
    left: 15%;
    width: 70%;
    z-index: 1000;
}

#copyright {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1000;
}

#googlebutton {
    display: inline;
}

#patreon {
    display: none;
}

#sorry {
    position: fixed;
    top: 35%;
    left: 25%;
    width: 50%;
    z-index: 1001;
    display: none;
}

#documentation {
    margin: 2rem 550px 2rem 2rem;
    display: none;
}

#apikey, #noapikey {
    position: fixed;
    top: 13rem;
    right: 1rem;
    width: 487px;
    padding: 1rem;
    border-radius: 1rem;
    display: none;
}

#keycopy {
    display: block;
    position: absolute;
    right: 1.75rem;
    margin-top: -3.1rem;
}

#keycopy:hover {
    cursor: pointer;
}

#copied {
    display: none;
    position: absolute;
    right: 3.5rem;
    margin-top: -3rem;
}

pre {
    color: rgb(214, 51, 132);
}

@media only screen and (max-width: 1100px) {
    #patreon {
        display: block;
    }
    #promo,
    .extra {
        display: none;
    }
    #nav img {
        width: 50%;
    }
    #nav h1 {
        display: none;
    }
    #nav {
        right: 12.5%;
        width: 75%;
        padding: 0.25rem;
        position: absolute;
    }
    #apikey, #noapikey {
        right: 12.5%;
        width: 75%;
        top: 6rem;
        padding: 0.5rem;
        font-size: 0.75rem;
        position: absolute;
    }
    #mykey {
        position: absolute;
        width: 60%;
        top: 0.5rem;
        right: 0.5rem;
    }
    #keymsg {
        text-align: center;
    }
    #keycopy {
        right: 1.25rem;
        margin-top: -2.7rem;
    }
    #copied {
        margin-top: -2.5rem;
        margin-right: 00rem;
        font-size: 0.75rem;
    }
    #documentation {
        margin: 2rem;
        margin-top: 12rem;
    }
    #sorry {
        top: 25%;
        left: 20%;
        width: 60%;
    }
}