@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css");
@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');

.social-media{
	align-items: center;
	display: flex;
	transition: transform 0.3s ease-in-out;
}
.social-media:hover{
	transform: translateX(calc(-100% + 60px));
}

.social-media i{
	color: #fff;
	font-size: 30px;
	padding: 15px;
	text-align: center;
	width: 60px;
}
.social-media a{
	color: #fff;
	padding: 0 0px;
	text-align: center;
	text-decoration: none;
    font-size: 15px;
}
.social-media-container {
	top: 50%;
	list-style-type: none;
	padding: 0;
	position: fixed;
	left: calc(100% - 60px);
	transform: translateY(-19%);
	min-width: 150px;
	z-index: 9999;
  }

.social-media.blog{
	background-color: #25D366;
}

.social-media.pinterest{
	background-color: #bd081c;
}
.social-media.linkedin{
	background-color: #3b5998;
}
.social-media.instagram{
	background-color: #c13584;
}
.social-media.github{
	background-color: #333;
}