body {
  background-color: grey;
  margin: 5%;
  font-size:100%;
  background: url("./background.jpg") no-repeat center center fixed;
  background-size: cover;
}

img {
  padding: 0%;
  margin: 0%;
  max-width: 100%;
  //background-color: fuchsia;
}

.container {
  padding: 1em;
  margin: 1em;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  background-color: hsla(0, 0%, 0%, 0.5);
  justify-content: space-around;
  border-radius: 1em;
}

.container div {
  background-color: hsla(0, 0%, 0%, 0.5);
  margin: 1em;
  padding: 1em;
  width: 12em;
  height: 12em;
  border-radius: 1em;
}

.logo {
  width: 100%;
  height: 100%;
  fill: #FFF;
}

.heart {
  transition: 200ms;
  transition-timing-function: ease-in-out;
}

.reddit:hover {
  fill:#ff4500
}

.discord:hover {
  fill:#7289da;
}

.github:hover {
  fill:#6e5494;
}

.curse:hover {
  fill:#ff7900;
}

.youtube:hover {
  fill:#cd201f;
}

.heart:hover {
  fill:#F00;
}

#header {
  display: block;
  margin: auto;
  max-width: 100%;
}