/* ,,,TWITTER-,- */
#social-twitter.twitter-mode {
  background-color: #60b6db;
  background-image: linear-gradient(#7bc6e6, #60b6db, #378db2);
  color: white;
  border: 2px #d7f3ff solid;
}
#social-twitter:hover.twitter-mode {
  background-image: linear-gradient(#a9ddf0, #90d6f5, #54aed5);
  color: white;
  border: 2px #d7f3ff solid;
}
#social-twitter:active.twitter-mode {
  background-image: linear-gradient(#378db2, #60b6db, #7bc6e6);
  color: rgb(209, 209, 209);
  border: 2px #d7f3ff solid;
}
#social-twitter {
  background-image: linear-gradient(#494949, #1a1a1a, #050505);
  color: white;
  font-size: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: 2px #cacaca solid;
  -webkit-text-stroke: 0px;
}
#social-twitter:hover {
  background-image: linear-gradient(#656565, #3c3c3c, #171717);
  color: white;
  border: 2px #cacaca solid;
}
#social-twitter:active {
  background-image: linear-gradient(#050505, #1a1a1a, #494949);
  color: #d1d1d1;
  border: 2px #cacaca solid;
}

/* ---BLUESKY--- */
#social-bluesky {
  border: transparent;
  background-image: linear-gradient(#4a9cff, #1e80f7, #1069d6);
  color: white;
  font-size: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: 2px #b1d4ff solid;
  -webkit-text-stroke: 0px;
}
#social-bluesky:hover {
  background-image: linear-gradient(#59a4ff, #3d94ff, #2271d1);
  color: white;
  border: 2px #b1d4ff solid;
}
#social-bluesky:active {
  background-image: linear-gradient(#1069d6, #1e80f7, #4a9cff);
  color: rgb(209, 209, 209);
  border: 2px #b1d4ff solid;
}

/* ---YOUTUBE--- */
#social-youtube {
  border: transparent;
  background-image: linear-gradient(#fa3f3f, #da0000, #a40101);
  color: white;
  font-size: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: 2px #fac6c6 solid;
  -webkit-text-stroke: 0px;
}
#social-youtube:hover {
  background-image: linear-gradient(#ff6868, #dd2222, #b31f1f);
  color: white;
  border: 2px #fac6c6 solid;
}
#social-youtube:active {
  background-image: linear-gradient(#a40101, #da0000, #fa3f3f);
  color: rgb(209, 209, 209);
  border: 2px #fac6c6 solid;
}

/* ---Discord--- */
#social-discord {
  border: transparent;
  background-image: linear-gradient(#8d96ff, #5865f2, #2c38b8);
  color: white;
  font-size: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: 2px #daddff solid;
  -webkit-text-stroke: 0px;
}
#social-discord:hover {
  background-image: linear-gradient(#aab1ff, #7c87ff, #4d59d6);
  color: white;
}
#social-discord:active {
  background-image: linear-gradient(#2c38b8, #5865f2, #8d96ff);
  color: rgb(209, 209, 209);
}

/* ---YT CHANNELS--- */
.main-channel-button {
  background-image: url("../assets/images/main-index/header-background.png");
  background-position: center left;
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: 2px #5500e0 solid;
  color: #bc93ff;
  -webkit-text-stroke: 0.65px #7d48d3;
}
.main-channel-button:hover {
  border: 2px #9e72e5 solid;
  color: #d3b7ff;
  -webkit-text-stroke: 0.65px #9c71e2;
  box-shadow: 0 0 25px #bc93ff;
}
.main-channel-button:active {
  border: 2px #3a0295 solid;
  color: #9265da;
  -webkit-text-stroke: 0.65px #44217d;
  box-shadow: 0 0 0px;
}
.second-channel-button {
  background-image: url("../assets/images/main-index/header-background-2.png");
  background-position: center left;
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: 2px #74f3ff solid;
  color: #43efff;
  -webkit-text-stroke: 0.65px #1b9fab;
  margin: 12px;
}
.second-channel-button:hover {
  border: 2px #a8f2f9 solid;
  color: #a5f8ff;
  -webkit-text-stroke: 0.65px #33bbc8;
  box-shadow: 0 0 25px #99f6ff;
}
.second-channel-button:active {
  border: 2px #42cdd9 solid;
  color: #22a2ae;
  -webkit-text-stroke: 0.65px #0b6a72;
  box-shadow: 0 0 0px;
}
.pfp-main-channel {
  border: 2px solid #9350ff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.pfp-second-channel {
  border: 2px solid #2ce5f6;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.cell-channel-name {
  font-size: larger;
}
.cell-channel-desc {
  font-size: medium;
}
.button-cell-distance {
  padding-left: 5px;
  padding-right: 5px;
}