a:hover {
  color: var(--accent);
}
body {
  background-repeat: no-repeat;
  background-position: right 0% bottom;
  background-size: 1240px auto;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: right 0% bottom;
  background-size: 1240px auto;
  background-attachment: fixed;
}

/* Better solution needed but compare to other logos */
.logo {
  margin-bottom: 4px;
}

:root {
  --card-border-gradient-first: #87cefa;
  --card-border-gradient-second: #065385;
  --card-border-gradient-third: #065385;

  --primary: #010734;
  --accent: #120bd9;
  --neutral-light: #f2f2f2;
  --neutral-dark: #818285;
  --text: #111827;
  --border: #d1d5db;
  --table-border: #e3e3e3;
}