.my-rsidebar {
    background: #efefef;
}
.my-pagecontent{
    background: white;
}
.footer {
    margin-top: 20px;
    font-size: 0.8em;
    padding-left: 20px;
    color: white;
    background: #333;
}

.widgetbox {
  margin: 5px;
  background-color: black;
  color: white;
  text-align: center;
}

.widgetbox [class*="fa-"] {
  display: block;
  transition-property: transform, color;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform, color;
  -webkit-transition-duration: 0.8s;
  -ms-transition-property: -ms-transform, color;
  -ms-transition-duration: 0.8s;
}

.widgetbox:hover [class*="fa-"] {
  color: #24a159 !important;
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
}