body {
background: #ffffff;
color: #000000;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
letter-spacing: 2px;
}

.profile-picture {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
height: auto;
max-width: 150px;

}
.profile-name {
text-align: center;
padding: 8px;
font-weight: bold;
font-size: 30px;
}
.profile-details {
text-align: center;
padding: 2px;
}
.links {
text-align: center;
margin-top: 7px;
padding: 20px;
border: 2px solid #ffffff;

width: 80%;
display: block;
margin-left: auto;
margin-right: auto;
border-radius: 0px;
background: #3383FF;
}
a {
text-decoration: none;
color: #ffffff;
transition: color 0.5s;
text-transform: uppercase;
font-weight: bold
}
.bottom-text {
text-align: center;
margin-top: 10px;
font-size: 15px;
font-weight: normal;
}
a:hover {
color: #3383FF;
background: #ffffff;
border: 2px solid #3383FF;
}

.media {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	height: auto;
	max-width: 130px;
}

.media img {
  border: 0px solid #ddd;
  border-radius: 6px;
  padding: 0px;
  height: auto;
  max-width: 25px;
  opacity: 0.5;
  filter: grayscale(100%);
  
}

.media a:hover{
	text-decoration: none;
	border: none;
	transition: color 0.5s;
	
}

.media img:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
  opacity: 1;
  filter: grayscale(0%);
  transform: scaleX(1.1);
  }