.social-icons {display: flex;gap: 15px;justify-content: center;align-items: center;margin: 40px 0px 10px 0px;}
.social-icon {display: inline-flex;width: 40px;height: 40px;justify-content: center;align-items: center;border-radius: 50%;background-color: #f0f0f0;transition: background-color 0.3s, transform 0.3s;text-decoration: none;}
.social-icon svg {width: 20px;height: 20px;fill: #555;transition: fill 0.3s;}
.social-icon:hover {transform: scale(1.1);}
.social-icon:hover svg {fill: #fff;}
.social-icon.twitter:hover {background-color: #000;}
.social-icon.linkedin:hover {background-color: #0077b5;}
.social-icon.pinterest:hover {background-color: #BD081C;}
.social-icon.facebook:hover {background-color: #1877f2;}
.social-icon.tumblr:hover {background-color: #35465c;}

@media only screen and (min-width:359px) {
    .social-icons{gap:24px;}
}
@media only screen and (min-width:410px) {
    .social-icon {width: 48px;height:48px;}
    .social-icon svg {width: 24px;height: 24px;}
}