@import "tailwindcss";
@tailwind base;
@tailwind components;
@tailwind utilities; 
/* @import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities'; */
/*
 * @NOTE: Prepend a `~` to css file paths that are in your node_modules
 *        See https://github.com/webpack-contrib/sass-loader#imports
 */

@theme {
  --color-midnight: #1E1E1E;
  --color-plum: #6e44ba;
  --color-plumDark: #4f3186;
  --color-offwhite: #d4d4d4;
}

::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: #1e1e1e;
}

::-webkit-scrollbar-thumb {
    background: #303030;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
    background: #1e1e1e;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  height: fit-content;
  width: fit-content;
  margin: 10px;
}

a:hover {
  opacity: 1;
  text-decoration: none;
}

.Hello {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
}