body {
  font-family: 'Nunito', sans-serif;
  font-size: 16pt;
}
  
.navbar-dj {
  font-family: 'Chelsea Market', cursive;
  background-color: #aaaaff;
  color: #ffffff;
  text-shadow: 2px 2px #CCCCFF;
}

.container-main {
  margin-top: 20px;
}

.jumbotron {
  border-radius: 40%;
  background-color: #eeeeff;
  margin-top: 300px;
  border: 3px outset #000000;
  color: #000;
  width: 65%;
  margin: 0 auto;
}

.list-group {
  margin-left: 15%;
}

.list-group-item {
  background-color: transparent;
  border: 0px solid white;  
}

.list-group-item-action {
	line-height: 2;
	-webkit-transition: font-size 20s;
	transition: font-size 20s;
	border-bottom: 1px dashed #a0a0a0;
	width: 80%;
	margin-left: 20px;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes item-hover {
    from {background-color: white;}
    to {background-color: #aaaaff;}
}

/* Standard syntax */
@keyframes item-hover {
    from {background-color: white;}
    to {background-color: #aaaaff;}
}

@-webkit-keyframes body-chargeponiard {
    from {background-color: #ffefcc; color: #ffae00; }
    to {background-color: #693900; color: #ffefcc; }
}

@keyframes body-chargeponiard {
	from {background-color: #ffefcc; color: #ffae00; }
    to {background-color: #693900; color: #ffefcc; }
}

.list-group-item-action:hover {
	text-shadow: 3px 3px #aaaaff; 
	-webkit-animation-name: item-hover; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 20s; /* Safari 4.0 - 8.0 */
    animation-name: item-hover;
    animation-duration: 20s;
	font-size: 4em;
}

.navbar-brand {
	color: #ffffff !important;
}

.fa-6x {
	font-size: 6em;
}

.fa-7x {
	font-size: 7em;
}

.fa-8x {
	font-size: 8em;
}

.fa-16x {
	font-size: 16em;
}