html,
body {
  height: 100%;
}

body {
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

svg {
  margin: 1%;
}

a {
  text-decoration: none;
}

.bg-dark-blue {
  background-color: #170202;
}

.profile-content {
  max-width: 350px;
  padding: 15px;
}

/*This is modifying the btn-primary colors but you could create your own .btn-something class as well*/
.btn-zel {
  border-color: #af38e7; /*set the color you want here*/
}

.btn-zel:hover, .btn-zel:focus, .btn-zel:active, .btn-zel.active, .open>.dropdown-toggle.btn-zel {
  color: #fff;
  background-color: #af38e7;
  border-color: #af38e7; /*set the color you want here*/
}

.text-purple {
  color: #af38e7;
}