* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    min-height: 100%;
}

body {
    background: #081018;
}

a {
    color: inherit;
    text-decoration: none;
}

.apis-onl-shell {
    position: relative;
    overflow-x: hidden;
}

.apis-onl-background {
    position: fixed;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(circle at top left, rgba(69, 255, 201, 0.18), transparent 28%),
        radial-gradient(circle at top right, rgba(255, 184, 77, 0.12), transparent 24%),
        radial-gradient(circle at 20% 80%, rgba(122, 246, 255, 0.12), transparent 24%),
        linear-gradient(180deg, #081018 0%, #0c1620 42%, #0f1c25 100%);
}

.reveal-on-load {
    animation: reveal-up 540ms ease both;
}

.prose p {
    margin: 0 0 1rem;
}

.prose strong {
    color: #fff;
}

@keyframes reveal-up {
    from {
        opacity: 0;
        transform: translateY(16px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}