body {
  background-color: #202124;
  /* background: url(https://www.toptal.com/designers/subtlepatterns/patterns/zwartevilt.png); */
  background-size: contain;
}

img#patti-img {
  -webkit-animation: fadein 3.5s;
  /* Safari and Chrome */
  -moz-animation: fadein 3.5s;
  /* Firefox */
  -ms-animation: fadein 3.5s;
  /* Internet Explorer */
  -o-animation: fadein 3.5s;
  /* Opera */
  animation: fadein 3.5s;
}

i.fa-lg {
  color: rgba(255, 255, 255, 0.5);
}

i.fa-lg:hover {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link {
  color: #8e182f;
}

a {
  color: rgba(255, 255, 255, 0.75);
}

li.nav-item.active {
  font-weight: 800;
}

.table1 > a:hover {
  background-color: white;
}
a:hover {
  color: black;
  cursor: pointer;
  text-decoration: none;
  border-radius: 8px;
  background-color: rgba(70, 0, 1, 0.75);
}
nav.navbar.navbar-expand-lg.align-center.position-fixed.fixed-bottom {
  background-color: #fff3f3;
}
.nav-link {
  color: #202124;
}
.breaker {
  margin-top: 4em;
}

.table1 {
  flex-basis: 46%;
}

@media only screen and (max-width: 768px) {
  .table1 {
    flex-basis: 80%;
  }
}

@media (max-width: 991px) {
  .jumbotron {
    background-color: #46010f !important;
    color: #e9ecef;
  }

  .hide-on-mobile {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .show-on-mobile-only {
    display: none !important;
  }

  .navbar-expand-lg .navbar-collapse {
    justify-content: flex-end;
  }
  @keyframes fadein {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  /* Firefox */
  @-moz-keyframes fadein {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  /* Safari and Chrome */
  @-webkit-keyframes fadein {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  /* Internet Explorer */
  @-ms-keyframes fadein {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
}