body {
    background:
        radial-gradient(
            circle at top center,
            rgba(255, 255, 255, 0.045),
            transparent 38%
        ),
        #090b0e;
}

#udumaa-server,
#bluemap,
#downloads,
#copy-server-ip {
    transition:
        transform 150ms ease,
        border-color 150ms ease,
        background-color 150ms ease;
}

#bluemap:hover,
#downloads:hover,
#copy-server-ip:hover {
    transform: translateY(-2px);
}

#udumaa-server {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

#copy-server-ip {
    cursor: pointer;
}

#udumaa-toast {
    position: fixed;
    left: 50%;
    bottom: 32px;
    transform: translate(-50%, 20px);

    padding: 10px 16px;

    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 10px;

    background: rgba(15, 17, 20, 0.95);
    color: white;

    opacity: 0;
    pointer-events: none;

    transition:
        opacity 150ms ease,
        transform 150ms ease;

    z-index: 9999;
}

#udumaa-toast.show {
    opacity: 1;
    transform: translate(-50%, 0);
}