body {
  font-family: 'Roboto', sans-serif;
  background-color: #86c232;
}

/* navbar css starts here  */
.bg-light {
  background-color: #000000 !important;
}

.navbar-brand {
  font-family: 'Sansita Swashed', cursive;
  font-size: 1.5rem;
  color: #ffffff !important;
}

.nav-link {
  color: #5f6368 !important;
  font-family: 'Noto Sans JP', sans-serif;
}

.nav-link:hover {
  background-color: #afd275;
}

/* navbar css ends here  */
.my-info {
  padding: 2rem 5rem;
}

.btn-info {
  padding: 1rem 1.2rem;
  background-color: rgb(78, 153, 223) !important;
  color: #fff !important;
  margin-left: 5px;
  padding: 0.75rem;
  transition: all 0.3s;
}

.btn-info:hover {
  background-color: rgb(67, 83, 230) !important;
}