Template:PPP/Styles.css

.pppbox {
	overflow:auto;
	width: auto;
	color:#58106F;
	border-radius:7px;
	text-align:left;
	background:#94448D;
	padding:5px;
	padding-left: 0.7em;
	padding-right: 0.7em;
	text-shadow: none;
	margin-top: 0.5em;
	transition: 0.3s;
}

.pppbox2 {
	overflow:auto;
	color:#58106F;
	border-radius:7px;
	text-align:left;
	background:#E7B3E3;
	padding:5px;
	transition: 0.3s;
}

.pppbox:hover {
	background:#EC992F;
	box-shadow: inset 0 2px #F9E8C7;
}

.pppbox:hover .pppbox2 {
	color:#562D00;
	background:#F5CE82;
}

.pppnamecontainer {
	position: relative;
	text-align: center;
}

.pppname {
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.pppver {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.icon img:hover {
	 animation: shake 0.5s;
  animation-iteration-count: 1;
}

@keyframes shake {
	0% { transform: rotate(0deg); }
	10% { transform: rotate(-3deg); }
	20% { transform: rotate(0deg); }
	30% { transform: rotate(3deg); }
}