@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap");



body{
font-family:"Poppins",sans-serif;
}

.social{
top:70%;
left:0;
transform:translateY(-50%);
position:fixed;
z-index:100;
}
.social ul{
padding:initial;
}
.social ul li{
height:40px;
list-style:none;
padding-left:10px;
width:40px;
padding-top:10px;
margin-top:5px;
}
i{
font-size:18px;
color:white;
}
.facebook{
background:#0572e6;
}
.youtube{
background:red;
}
.instagram{
background:linear-gradient(to bottom,#7f0ae8,#fd0070,#feb200);
}
.appointment{
background:black;
}
.social ul li:hover{
padding-left:30px;
width:80px;
transition:300ms;}