.card 
{
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 7px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card:hover 
{
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.top_wrapper
{
    border-top: 1rem solid transparent;
    background-image:  linear-gradient(white, white),  linear-gradient(to right, red, orange, yellow, green, blue, purple);
    background-origin:  padding-box, border-box;
    background-repeat: no-repeat;
    padding: 1em;
    display: inline-block;
    width: 100%;
}

.social-buttons {
  display: inline-block;
  background: rgba(255, 255, 255, 0.5);
  padding: 20px;
  padding-bottom: 5px;
  border-radius: 10px;
  text-align: center;
  margin: 20px 10px;
  /* Helper class to divide the icons */
}
.social-buttons .social-margin {
  margin-right: 15px;
}
.social-buttons a,
.social-buttons a:hover,
.social-buttons a:focus,
.social-buttons a:active {
  text-decoration: none;
}
.social-buttons .social-icon {
  margin-bottom: 15px;
  box-sizing: border-box;
  -moz-border-radius: 138px;
  -webkit-border-radius: 138px;
  border-radius: 138px;
  border: 5px solid;
  text-align: center;
  width: 50px;
  height: 50px;
  display: inline-block;
  line-height: 1px;
  padding-top: 11px;
  transition: all 0.5s;
  /* Facebook Button Styling */
  /* Twitter Button Styling */
  /* Google+ Button Styling */
  /* Linkedin Button Styling */
  /* Pinterest Button Styling */
  /* Behance Button Styling */
  /* Github Button Styling */
  /* Youtube Button Styling */
  /* Soundcloud Button Styling */
}
.social-buttons .social-icon:hover {
  transform: rotate(360deg) scale(1.3);
}
.social-buttons .social-icon.facebook {
  font-size: 22px;
  padding-top: 9px;
  border-color: #3b5998;
  background-color: #3b5998;
  color: #ffffff;
}
.social-buttons .social-icon.facebook:hover {
  background-color: #ffffff;
  color: #3b5998;
}
.social-buttons .social-icon.twitter {
  font-size: 22px;
  padding-top: 10px;
  padding-left: 2px;
  border-color: #55acee;
  background-color: #55acee;
  color: #ffffff;
}
.social-buttons .social-icon.twitter:hover {
  background-color: #ffffff;
  color: #55acee;
}
.social-buttons .social-icon.google-plus {
  font-size: 22px;
  padding-top: 9px;
  padding-left: 2px;
  background-color: #dd4b39;
  color: #ffffff;
  border-color: #dd4b39;
}
.social-buttons .social-icon.google-plus:hover {
  background-color: #ffffff;
  color: #dd4b39;
}
.social-buttons .social-icon.youtube {
  font-size: 22px;
  padding-top: 9px;
  padding-left: 0px;
  background-color: #bb0000;
  color: #ffffff;
  border-color: #bb0000;
}
.social-buttons .social-icon.youtube:hover {
  background-color: #ffffff;
  color: #bb0000;
}