#clickMe {
    --bg-size: 400%;
    --color-one: #ff2400;
    --color-two: #e81d1d;
    --color-three: #e8891d;
    --color-four: #b2e81d;
    --color-five: #1de83f;
    --color-six: #1ddde8;
    --color-seven: #2b1de8;
    --color-eight: #6900f3;
    --color-nine: #dd00f3;
    background: linear-gradient(100deg,
            var(--color-one),
            var(--color-two),
            var(--color-three),
            var(--color-four),
            var(--color-five),
            var(--color-six),
            var(--color-seven),
            var(--color-eight),
            var(--color-nine),
            var(--color-one)) 0 / var(--bg-size) 100%;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    animation: move-bg 8s infinite linear;
}

@keyframes move-bg {
    to {
      background-position: var(--bg-size) 0;
    }
}

html {
  font-family: "Pretendard Std", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.prose :where(code):not(:where([class~="not-prose"] *))::after {
	content: "";
}

.prose :where(code):not(:where([class~="not-prose"] *))::before {
	content: "";
}

th, td {
  text-align: center;
}

tr>td:nth-child(2),tr>th:nth-child(2) {
  background-color: whitesmoke ;
  width: 22%;

}

tr>td:nth-child(1){
  text-align: left;
}

p, table, a, i, .prose :where(strong):not(:where([class~="not-prose"] *)), b, .prose :where(a):not(:where([class~="not-prose"] *)), .prose :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)), .prose :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)), .prose :where(h1):not(:where([class~="not-prose"] *)), .prose :where(h2):not(:where([class~="not-prose"] *)), .prose :where(h3):not(:where([class~="not-prose"] *)), .prose :where(h4):not(:where([class~="not-prose"] *)) {
  color: black;
}
