.bg{
    background-color: #34213F;
}
h1{ 
   border: 5px solid #503360;
   padding: 15px;
   border-radius: 10px;
   display:inline;
   
}

hr{
  border-color: White;
}

.b{
    font-weight: bold;
    text-decoration: underline;
}

.pill{
  border-radius: 25px;
  text-decoration: none;
  transition-duration: 0.3s;
  background-color: #34213F;
  border: 5px solid #503360;
}
.pill:hover{
  border-radius: 25px;
  text-decoration: underline;
  animation: wiggle 0.5s linear ;
}

@keyframes wiggle {
  0%{
    transform: rotate(0deg);
  }
  20%{
    transform: rotate(5deg) scale(1.1);
  }
  40%{
    transform: rotate(0deg);
  }
  60%{
    transform: rotate(-5deg) scale(1.1);
  }
  100%{
    transform: rotate(0deg);
  }
}