body {
  padding-top: 5rem;
  background-color: #4648b2;
}

.navbar {
  background-color: #9699ff;
  color: #4648b2;
}

.navbar-dark .navbar-nav .nav-link .navbar-brand {
  color: #4648b2;
}

.navbar-dark .navbar-brand {
  color: #4648b2;
}

.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link {
  color: #4648b2;
}

.btn-outline-success {
  color: #4648b2;
  border-color: #4648b2;
}

.btn-outline-success:hover {
  color: #ffffff;
  background-color: #4648b2;
  border-color: #4648b2;
}

#main-body {
  background-color: #9699ff;
}

#title-photo {
  padding: 1.5rem 0;
}

#main-photo {
  padding-top: 0;
}

#id-photo {
  -webkit-box-shadow: -2px -2px 3px 10px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: -2px -2px 3px 10px rgba(50, 50, 50, 0.5);
  box-shadow: -2px -2px 3px 10px rgba(50, 50, 50, 0.5);
}

#main-photo p {
  padding-top: 1.25rem;
  text-align: center;
  font-size: 1.1rem;
  font-weight: bold;
}

#main-content {
  background-color: #fff8dc;
}

.main-body {
  padding: 3rem 1.5rem;
  text-align: center;
}

.main-body ul {
  text-align: left;
}

.main-body p.lead {
  background-color: #999997;
  font-weight: bolder;
  color: rgb(75, 2, 104);
}

footer {
  padding-top: 1.1rem;
  text-align: center;
  color: #ffffff;
}