body {
  background-image: url('images/sigil.png');
  background-repeat: repeat;
  background-size: 25px;
  background-position: center;
  color: #ffffff;
  text-align: center;
  font-family: 'Felix Titling';
  align-items: center;
  margin: 100px;
}

.socials {
  margin-top: 40px;
}

.social-list {
  display:inline;
  fill:red;
  align-items: center;
  margin-right: 35px;
}



.small-icon {
  width: 50px;
  height: auto;
  filter: brightness(0) saturate(100%) invert(33%) sepia(9%) saturate(1707%) hue-rotate(198deg) brightness(93%) contrast(87%);
}

h1 {
  font-size: 80px;
}

h2 {
  font-size: 40px;
}

.gif {
  margin: auto;
  width: auto;
  height: 400px;
}

.small-icon:link {
  filter: brightness(0) saturate(100%) invert(16%) sepia(35%) saturate(694%) hue-rotate(195deg) brightness(92%) contrast(89%);
}

.small-icon:visited {
  filter: brightness(0) saturate(100%) invert(17%) sepia(20%) saturate(1923%) hue-rotate(315deg) brightness(97%) contrast(87%);
}

.small-icon:hover {
  filter: brightness(0) saturate(100%) invert(100%) sepia(9%) saturate(7500%) hue-rotate(220deg) brightness(110%) contrast(107%);
}

.small-icon:active {
  filter: brightness(0) saturate(100%) invert(16%) sepia(35%) saturate(694%) hue-rotate(195deg) brightness(92%) contrast(89%);
}

.listen {
  margin-top: 25px;
}

.center {
  margin: auto;
  width: 300px;
  margin-top: 30px;
  border: 3px solid #686868;
  border-radius: 20px;
  padding: 20px;
  background-color: #433b4c;
  
}

.box-icon {
  width: 300px;
  height: auto;
  margin: auto;
}