.post {display:table; margin-left:auto; width:100%; margin:0em 0em 1em 0em; padding:15px; border:1px solid  #FFF; /*rgba(30, 144, 255, 0.2);*/ border-radius:12px;}
.post:hover {background-color:#FFF; cursor:pointer; border:1px solid rgba(4, 36, 69, 0.2);}
.date {top:0px; display:table-cell; border:none; padding:0px; margin:0px; text-align:center; line-height: 1.0; vertical-align:top;}
.post-content {top:0px; display:table-cell; border:none; padding-left:10px; margin:0px 0px 0px 10px; text-align:left; vertical-align:top; overflow:hidden;}
.profile {display:block; margin-left:auto; margin-right:auto; max-width:150px; height:auto; border-radius:50%; padding:15px;}
.social {text-align:center; margin-bottom:30px;}
.social img {max-width:36px; height:auto; padding:5px;}
.social img:hover, .profile:hover {animation:shake 0.1s; animation-iteration-count:infinite;}
@keyframes shake {
  0% { transform: translate(3px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -1px) rotate(-3deg); }
  20% { transform: translate(-1px, 0px) rotate(4deg); }
  30% { transform: translate(1px, 2px) rotate(1deg); }
  40% { transform: translate(2px, -1px) rotate(0deg); }
  50% { transform: translate(-3px, 3px) rotate(-1deg); }
  60% { transform: translate(-3px, 2px) rotate(0deg); }
  70% { transform: translate(4px, 3px) rotate(-1deg); }
  80% { transform: translate(-0px, -2px) rotate(7deg); }
  90% { transform: translate(2px, 1px) rotate(0deg); }
  100% { transform: translate(1px, -4px) rotate(-1deg); }
}