@import url("https://fonts.cdnfonts.com/css/hk-groteks");
:root {
  --font-listen: "HK Grotesk", sans-serif;
  --clr-bg: hsl(255, 7%, 11%);
  --clr-bg-alt: hsl(255, 5%, 16%);
  --clr-border: hsl(240, 3%, 23%);
  --clr-text: hsl(0, 0%, 100%);
  --clr-text-alt: hsl(150, 1%, 56%);
  --clr-red: #7b4a21;
  --clr-red-alt: #613716;
  --clr-blue: #0066ff;
  --clr-blue-alt: #3785fb;
  --clr-green: #12ca86;
  --border-radius: 8px;
  --input-scheme: dark;
}

.twitter button{
  background-color: #00acee;
  outline: #00acee;
}

.twitter button:hover{
  background-color: #0587bb;
  outline: #0587bb;
}

.discord button{
  background-color: #5865F2;
  outline: #5865F2;
}

.discord button:hover{
  background-color: #3f4efa;
  outline: #3f4efa;
}