website/app/static/global.css

@import "./animations.css";
@import "./font.css";

:root {
  --white: #ffffff;
  --yellow: #d3b910;
  --cyan: #0dd2e8;
  --green: #06e00a;
  --pinkish: #d506e0;
  --red: #e8180d;
  --blue: #0536fc;

  --dark-one: #000000;
  --dark-two: #050505;
  --dark-three: #121212;
  --dark-four: #101010;
  --dark-fife: #3a3b3c;
  --dark-six: #c0c0c0;

  --radius: 8px;
  /*
  old shadow animation
  --def-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px,
    rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px,
    rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  */
  --text-shadow: 0px 10px 20px rgba(90, 90, 90, 0.8);
  --box-shadow: rgba(20, 20, 20, 0.19) 0px 10px 20px, rgba(30, 30, 30, 0.23) 0px 6px 6px;
  --border-color: #2f2f2f;
}

* {
  padding: 0;
  margin: 0;
}

body {
  background: var(--dark-one);
  font-family: "Ubuntu", sans-serif;
  overflow-x: hidden;
  height: 100vh;
  width: 100vw;
}

::selection {
  background: rgba(100, 100, 100, 0.5);
  text-decoration: underline;
}

::-webkit-scrollbar {
  border-radius: 5px;
  width: 1px;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #181818;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #282828;
}

.glitch {
  animation-name: colorAnimation;
  animation-iteration-count: infinite;
  animation-duration: 10s;
}