/* Explain: Base reset and typography for fixed viewport card */
* {
    box-sizing: border-box;
}

html {
    min-height: 100%;
    background: var(--background-color);
    color: var(--text-color);
    overflow: hidden;
}

body {
    min-height: 100vh;
    margin: 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 20%, rgba(255, 79, 216, 0.26), transparent 34%),
        radial-gradient(circle at 86% 10%, rgba(57, 255, 20, 0.2), transparent 28%),
        linear-gradient(145deg, #2B193D 0%, #1B102A 58%, #0E0918 100%);
    color: var(--text-color);
    text-rendering: geometricPrecision;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

button {
    font-family: inherit;
}

img {
    display: block;
    max-width: 100%;
}

::selection {
    background: var(--primary-color);
    color: #111111;
}