:root {
    --color-primary: #303038;
    --color-primary-dark: #18181c;
    --color-secondary: #c7c7d5;
    --color-secondary-dark: #38383f;

    --color-tertiary: rgba(239, 110, 110, 0.75);
    --color-tertiary-dark: rgba(175, 81, 81, 0.75);
}

html {
    background: url("bg-hangukoh.png") repeat -2px -15px;
    background-size: 100px;
    overscroll-behavior-y: none;

    position: relative;
}

html::after {
    content: "";

    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: linear-gradient(
            45deg,
            rgba(131, 58, 180, 1) 0%,
            rgba(253, 29, 29, 0.4598039899553571) 50%,
            rgba(252, 176, 69, 1) 100%
    );

    z-index: 1;
}

body {
    position: relative;
    font-family: sans-serif;
    z-index: 2;

    min-height: 100vh;
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

footer {
    font-size: .75rem;
    font-weight: bold;

    position: absolute;
    bottom: 10px;
    width: 100%;

    filter: drop-shadow(0 0 1px rgba(255,255,255, .5));

    text-align: center;
}