body {
  background-color: black;
}

svg {
  fill: white;
  height: 30px;
  width: 30px;
}

svg:hover {
  transition: fill 0.25s ease-in-out;
  fill: #224cd3;
}

#content {
  color: white;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: Arial, Helvetica, sans-serif;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

#links {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#links a {
  color: white;
  text-decoration: none;
  font-size: 30px;
  margin: 10px;
}

#links a:hover {
  transition: color 0.25s ease-in-out;
  color: #224cd3;
}

#profile {
  border-radius: 50%;
  height: 200px;
  width: 200px;
}/*# sourceMappingURL=styles.css.map */