/* :root {
  --text-color: #121212;
  --bg-color: #fff;

  --accent-color: rgb(0, 197, 228);
  --accent-color-light: rgb(2, 213, 246);
} */

:root {
  --text-color: #fff;
  --bg-color: #121212;
  --bg-color-light: #222222;

  --accent-color: rgb(0, 197, 228);
  --accent-color-light: rgb(2, 213, 246);
}

body {
  background-color: var(--bg-color);
  color: var(--text-color);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans",
    "Helvetica Neue", sans-serif;
  transition: color 0.5s, background-color 0.5s;
}

footer {
  margin-top: 50px;
  text-align: center;
  font-size: 0.6rem;
  padding: 20px 0;
}

#__bot__type {
  user-select: none;
  animation: typimonTypingEffect 0.4s linear alternate infinite;
}

@keyframes typimonTypingEffect {
  0% {
    border-right: 2px solid rgb(211, 211, 211);
  }
  100% {
    border-right: 2px solid transparent;
  }
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: rgba(74, 74, 74, 0.417);
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(to top, cyan, gray);
  border-radius: 10px;
}