/* https://fontawesome.com/v4/icons/ 
@import url("https://fonts.googleapis.com/css2?family=Merriweather&display=swap");
*/

.fa {
  font-size: 4rem;
}

.fab {
  font-size: 4rem;
}

.fa-brands {
  font-size: 4rem;
}

/* transition for social icon hover animation */
.fa-facebook,
.fa-codepen,
.fa-youtube,
.fa-instagram,
.fa-github,
.fa-bandcamp,
.fa-spotify,
.fa-snapchat,
.fa-vimeo,
.fa-twitter,
.fa-x-twitter,
.fa-tiktok,
.fa-window-close,

.fa-pinterest {
  transition: 0.4s;
  cursor: pointer;
}

/* social media icons hover color */
.fa-facebook:hover,
.fa-facebook:focus {
  color: #0866ff;
  transform: scale(1.1);
}

.fa-twitter:hover,
.fa-twitter:focus {
  color: #1da1f2;
  transform: scale(1.1);
}

.fa-x-twitter:hover,
.fa-x-twitter:focus {
  color: #ffffff;
  transform: scale(1.1);
}

.fa-youtube:hover,
.fa-youtube:focus {
  color: #df2426;
  transform: scale(1.1);
}

.fa-instagram:hover,
.fa-instagram:focus {
  color: #bd22a2;
  transform: scale(1.1);
}

.fa-github:hover,
.fa-github:focus {
  color: #000;
  transform: scale(1.1);
}

.fa-github:hover,
.fa-github:focus {
  color: #000;
  transform: scale(1.1);
}

.fa-codepen:hover,
.fa-codepen:focus {
  color: #000;
  transform: scale(1.1);
}

.fa-pinterest:hover,
.fa-pinterest:focus {
  color: #b3001b;
}

.fa-bandcamp:hover,
.fa-bandcamp:focus {
  color: #0cacd7;
}

.fa-spotify:hover,
.fa-spotify:focus {
  color: #23d05d;
}

.fa-snapchat:hover,
.fa-snapchat:focus {
  color: #fffc00;
}

.fa-vimeo:hover,
.fa-vimeo:focus {
  color: #00dbff;
}

.fa-twitter:hover,
.fa-twitter:focus {
  color: #1d9bf0;
}

.fa-tiktok:hover,
.fa-tiktok:focus {
  color: #ffffff;
}

.fa-window-close:hover,
.fa-window-close:focus {
  color: #ffffff;
}



.tooltiptext-container {
  display: block;	
  visibility: visible;
  width: 100%;
  padding-top:16px;
  min-height: 48px ;
}

.tooltiptext {
  
  font-family: 'Special Elite', cursive;
  font-size: 20px;
  text-transform: capitalize;
  background-color: transparent;
  color: #fff;
}