body {
  margin: 0;
  padding: 0;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 25px;
}

a {
  cursor:crosshair;
  border: 1px solid transparent;
  margin: 0;
}

a:hover {
  border: 1px solid transparent;
  border-image: url("ants.gif") 1 repeat;
}

.sidebar {
  width: 230px;
  position: fixed;
  height: 100%;
  overflow: auto;
  color: #000000; 
  background-color: #000000;
  background-image: url('https://static.vecteezy.com/system/resources/previews/034/886/330/non_2x/black-background-modern-dark-abstract-seamless-texture-vector.jpg');
  background-attachment: fixed;
}

.sb_header {
  font-size:25px;
  margin-left: 15px;
}

.sb_text {
  margin: 0.5em;
  padding: 0.5em;
}

.sb_link {
  color:#ffffff;
  font-size:16px;
  text-decoration: none;
}

.sb_link:hover {
  color:#7ccbd5;
  font-size:17px;
  text-decoration:none;
}

.sb_img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 140px;
}

.personal {color:#fc3f5b;}
.nixfox {color:#2abafc;}

.pers:hover {color:#fca9c0;}
.fox:hover {color:#a9c0fc;}