.nav a:hover {
  	transform: translateY(-2px);
	border: 2px solid var(--color);
  	box-shadow: 0px 4px 0px var(--color);
  }
  .nav a:active {
  	transform: translateY(2px);
	border: 2px solid var(--color);
  	box-shadow: 0px 0px 0px var(--color);
  }

  .nav .current {
  	border: 2px solid var(--color) !important;
  	box-shadow: 0px 2px 0px var(--color) !important;
  }
  .nav .current:hover {
  	transform: translateY(-2px) !important;
	border: 2px solid var(--color) !important;
  	box-shadow: 0px 4px 0px var(--color) !important;
  }
  .nav .current:active {
  	transform: translateY(2px) !important;
	border: 2px solid var(--color) !important;
  	box-shadow: 0px 0px 0px var(--color) !important;
  }