.navbar {
  background-color: #34589e;
}
.nav-link:hover {
  text-decoration: underline;
}
.navbar-brand {
  font-size: xx-large !important;
}
#about {
  background-color: #f2f2f2;
}
/* .para{
  transition: opacity 1s;
  opacity: 1;
  animation: fade 6s infinite;
} */
.main{
  transition: 0.6s all ease-in-out;
}
.main:hover {
  transform: scale(1.1);
}
#contact {
  background-color: #f3f4f6 !important;
}
.btn {
  background-color: #34589e !important;
}
.btn:hover {
  background-color: rgb(34, 53, 65) !important;
}
footer {
  background-color: #34589e;
}




@media only screen and (max-width: 1920px) {
  .project-img {
    width: 100px;
    height: 100px;
  }
}

@media only screen and (max-width: 390px) {
  .project-img {
    width: 100px;
    height: 100px;
  }
}