
.tip-square {
    
    padding-top: 15px;
    padding-bottom: 15px;
   
    border: 5px solid white;

}



/* .tip-square:hover{
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;

}  */

.tip-square img:hover {
  animation: shake 0.5s;
  animation-iteration-count: 8s;
}

.ee-tip-square img:hover {
  animation: shake 0.5s;
  animation-iteration-count: 8s;
}
.tip-square em:hover {
  animation: shake 0.5s;
  animation-iteration-count: 8s;
}

.ee-tip-square em:hover {
  animation: shake 0.5s;
  animation-iteration-count: 8s;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

/*
.tip-square:nth-child(5n+2) {
  background: #8dc63f6b;
}
.tip-square:nth-child(5n+3) {
  background: #2a398073;
}
.tip-square:nth-child(5n+4) {
  background: #78278b82;
}
.tip-square:nth-child(5n+5) {
  background: #5b336073;
}
.tip-square:nth-child(5n+1) {
  background: #a8daef;
}
*/

/* EE */
.ee-tip-square {
    
    padding-top: 15px;
    padding-bottom: 15px;
    border: 5px solid white;

}
.ee-tip-square:nth-child(5n+4) {
  background: #06417299;
}
.ee-tip-square:nth-child(5n+3)  {
  background: #f4d57673;
}
.ee-tip-square:nth-child(5n+2)  {
  background: #aa152073;
}
.ee-tip-square:nth-child(5n+5) {
  background: #78787873;
}
.ee-tip-square:nth-child(5n+1)  {
  background:  #0093d057;
}

.inner-square {
	

	padding-top: 10px;
}

.tip-header {
	margin-top: 10px;
}