:root {
  --bg-color-dark: #1b1b1b; }

body {
  color: #dadada;
  background-color: #1b1b1b;
  padding-top: 70px; }

.nav-dark {
  color: #dadada;
  background-color: #1b1b1b;
  background-color: transparent; }

.social-link {
  color: #00bfff; }

/* Custom toggler */
.custom-toggler.navbar-toggler {
  border-color: transparent; }

/* Setting the stroke to aqua using rgb values (0, 255, 255) */
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

.footer {
  color: #dadada;
  background-color: #1b1b1b;
  background-color: transparent;
  text-align: center; }

.card-dark {
  color: #dadada;
  background-color: #1b1b1b; }

#tsparticles {
  z-index: -1; }

.terminal {
  box-shadow: 0 4px 8px 0 rgba(0, 255, 255, 0.5), 0 6px 8px 0 rgba(0, 255, 255, 0.3);
  height: 400px;
  margin-bottom: 20px; }

.list-card, .list-card-purple, .list-card-blue, .list-card-red {
  width: 270px; }

.list-card:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 255, 0, 0.5), 0 6px 8px 0 rgba(0, 255, 0, 0.3); }

.list-card-purple:hover {
  box-shadow: 0 4px 8px 0 rgba(145, 0, 255, 0.5), 0 6px 8px 0 rgba(145, 0, 255, 0.3); }

.list-card-blue:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 255, 255, 0.5), 0 6px 8px 0 rgba(0, 255, 255, 0.3); }

.list-card-red:hover {
  box-shadow: 0 4px 8px 0 rgba(255, 0, 0, 0.5), 0 6px 8px 0 rgba(255, 0, 0, 0.3); }

a {
  color: #00bfff;
  text-decoration: none; }

.previous {
  float: left; }

.next {
  float: right; }