* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  font-family: sans-serif;
}

body {
  background: #161616 !important;
  color: #fff !important;
}

/* Navbar */
#navigation {
  padding: 16px 0;
  background: #161616;
}

#navigation #navbarNav a {
  color: #fff;
  padding: 0 16px;
}

#navingation .nav-link {
  display: inline-block;
  transition: transform 0.5s ease-in-out;
}

#navigation .nav-link:hover {
  transform: scale(1.1);
}

#navigation .navbar-toggler i {
  color: #fff;
}

/* Project */
.project-hero{
    padding: 40px 0;
}

.project-hero h1 {
  font-size: 48px;
  margin-bottom: 12px;
}

.project-hero p {
  font-size: 18px;
  color: #fff;
}

/* Project Description */
.project-description {
  padding: 32px 0;
  color: white;
}

.project-description h2 {
  color: #fff;
}

.project-description p {
  font-size: 18px;
  line-height: 1.8;
}

.project-tools{
    margin-top: 32px;
}

.project-tools ul {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  color: white;
}

.project-tools li {
  background-color: #222;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 14px;
}

/* Button */
.button{
    margin: 0 0 48px 0;
}



/* Navbar */
@media (max-width: 992px) {
  #navigation #navbarNav a {
    padding: 0;
  }

  #navigation .navbar-nav .nav-item {
    margin-top: 12px;
    padding: 0px;
  }
}

@media (max-width: 992px) {
    div .button{
        margin: 24px 0;
    }
}