body {
  padding: 0;
  margin: 0;
  overflow: hidden;
  background-color: #FF0000;
}

body .flexbox {
  margin: 10vh 10vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 80vw;
  height: 40vw;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12), 0 32px 32px rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12), 0 32px 32px rgba(0, 0, 0, 0.12);
}

body .flexbox .item {
  width: 20vw;
  height: 20vw;
}

body .flexbox .item img {
  padding: 4vw 4vw;
  width: 12vw;
  height: 12vw;
}

body .flexbox .item:hover {
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
  -webkit-transition: 350ms;
  transition: 350ms;
}

body .flexbox .yt {
  background-color: #ed1b24;
}

body .flexbox .ig {
  background-color: #00d4ff;
}

body .flexbox .rb {
  background-color: #ed1b24;
}

body .flexbox .ss {
  background-color: #00b2a6;
}

body .flexbox .tw {
  background-color: #6441a5;
}

body .flexbox .cb {
  background-color: #ed1b24;
}

body .flexbox .dl {
  background-color: #ffd300;
}

body .flexbox .dl img {
  padding: 4vw 2.5vw;
  width: 14vw;
  height: 14vw;
}

body .flexbox .ls {
  background-color: #ed1b24;
}

body .flexbox .ds {
  background-color: #6441a5;
}
/*# sourceMappingURL=links.css.map */