.router-link-exact-active{color:red;font-weight:bold}

// ********* Slide Animation ************

/*
.slide-enter { 
  opacity: 0;
}

.slide-enter-active {
  animation: slide-in 1s ease-in .2s forwards;
  transition: opacity .1s;
}

.slide-leave {
  // initial state set in keyframe
}

.slide-leave-active {
  animation: slide-out .1s ease-out forwards; 
  opacity: 0;
 
  transition: opacity .1s;
}


@keyframes slide-in {
  from {
	transform: translateX(500px);
  }
  to {
	transform: translateX(0);
  }
}

@keyframes slide-out {
  from {
	transform: translateX(0);
  }
  to {
	transform: translateX(500px);/* 500px*/
  }
}
*/