* {
  a {
    text-decoration: none;
  }
}

.event-card-hover {
  scale: .9;
  transition: 700ms;
}

.event-card-hover:hover {
  scale: 1;
  transition: 700ms;
}

body {
  background: #eee;
}

#side_nav {
  background: #000;
  min-width: 250px;
  max-width: 250px;
  transition: all 0.3s;
}

.content {
  min-height: 100vh;
  width: 100%;
}

hr.h-color {
  background: #eee;
}

.sidebar li.active {
  background: #eee;
  border-radius: 8px;
}

.sidebar li.active a,
.sidebar li.active a:hover {
  color: #000;
}

.sidebar li a {
  color: #fff;
}

@media(max-width: 767px) {
  #side_nav {
    margin-left: -250px;
    position: absolute;
    min-height: 100vh;
    z-index: 1;

  }

  #side_nav.active {
    margin-left: 0;
  }
}