/* Reset CSS */
* {
  margin: 0;
  padding: 0;
  font-size: 10px;
}

body {
  user-select: none;
  text-align: center;
  background: #000000;
  padding-top: 10%;
}

div {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}

/*---------------------------------------------*/
#whatsapp > img {
  filter: drop-shadow(0 0 12px #38CE3A);
  animation: effect 8s infinite;
  margin: 15px;
}

#twitch > img {
  margin: 15px;
}

/*---------------------------------------------*/
@keyframes effect {
    0% {opacity:0;}
    20% {opacity:1;}
    80% {opacity:1;}
    100% {opacity:0;}
}

/*---------------------------------------------*/
#discord, #logo, #social {
  border: #5865f3 2px solid;
  border-radius: 20px;
}

#logo > img {
  width: auto;
  height: 300px;
}

/*---------------------------------------------*/
#twitch >img, #whatsapp >img {
  transition: all 0.5s;
  width: auto;
  height: 40px;
}

#whatsapp >img:hover, #twitch >img:hover {
	transform: rotate(-90deg);
}