Spice up your Discord experience with our diverse range of Discord bots and servers!


<style>
:host, :root {
  --color-brand: #ffffff;

  --color-brand-100: var(--color-brand);
  --color-brand-80: color-mix(in srgb, var(--color-brand) 80%, transparent);
  --color-brand-60: color-mix(in srgb, var(--color-brand) 60%, transparent);
  --color-brand-40: color-mix(in srgb, var(--color-brand) 40%, transparent);
  --color-brand-20: color-mix(in srgb, var(--color-brand) 20%, transparent);
  --color-brand-10: color-mix(in srgb, var(--color-brand) 10%, transparent);
  --color-brand-5:  color-mix(in srgb, var(--color-brand) 5%, transparent);

  --color-bg: #000000;
  --color-card: color-mix(in srgb, #000 60%, transparent);
  --color-glow: color-mix(in srgb, var(--color-brand) 50%, transparent);

  --radius: 10px;
  --radius-lg: 15px;
  --padding: 20px;
}

html, body {
  background: var(--color-bg) !important;
  margin: 0;
  padding: 0;
  color: var(--color-brand-100);
}

body::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 110vw;
  height: 120vh;
  background:
    linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.7) 100%),
    url('https://i.imgur.com/lFhmupB.png') no-repeat center center/cover;
  z-index: -10;
  opacity: 0.8;
  pointer-events: none;
}

a.chakra-button, button.chakra-button {
  background: var(--color-bg) !important;
  color: var(--color-brand-100) !important;
  border: 2px solid var(--color-brand-100);
  border-radius: var(--radius);
  transition: 0.3s ease-out;
  box-shadow: none;
}

button.chakra-button svg,
.chakra-icon, .chakra-icon path, .chakra-icon g {
  stroke: var(--color-brand-100) !important;
  fill: none !important;
  opacity: 1 !important;
}

.css-13pd2m2 {
  position: relative;
  overflow: hidden;
  background-color: var(--color-bg) !important;
  color: var(--color-brand-100) !important;
  border: 2px solid var(--color-brand-100);
  border-radius: var(--radius);
  transition: all 0.3s ease-out;
  text-align: center;
}

.css-13pd2m2::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, transparent, var(--color-brand-40), transparent);
  transform: skewX(-20deg);
  animation: shimmer 2s infinite;
  z-index: 1;
  pointer-events: none;
  opacity: 0.7;
}

@keyframes shimmer {
  0% { left: -75%; }
  50%, 100% { left: 125%; }
}

a[href="/"] svg,
a[href="/discord/servers"] svg {
  fill: var(--color-brand-100) !important;
  stroke: none !important;
}

img[src*="cdn.discordapp.com/icons/"] {
  border: 2px solid var(--color-brand-100);
  border-radius: var(--radius);
}

.network-header-wrapper {
  text-align: center;
  margin: 30px 0 10px;
}

.network-header {
  display: inline-block;
  position: relative;
  color: var(--color-brand-100);
  margin-bottom: 1rem;
}

.network-header::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
  width: 60%;
  height: 2px;
  background: var(--color-brand-100);
  box-shadow: 0 0 8px 2px var(--color-glow);
  border-radius: 999px;
}

.card {
  background: var(--color-card);
  border: 2px solid var(--color-brand-100);
  border-radius: var(--radius-lg);
  padding: var(--padding);
  box-shadow: 0 0 15px var(--color-brand-20);
  text-align: center;
  backdrop-filter: blur(8px);
  color: var(--color-brand-100);
}

.card-wide {
  max-width: 1000px;
  width: 90%;
  margin: 20px auto;
}

.card-container {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 20px;
  margin-top: 20px;
}

.card-fixed {
  flex: 1;
  min-width: 200px;
}

.card a {
  color: var(--color-brand-100);
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2em;
}

.card a:hover {
  text-decoration: underline;
}

@media (max-width: 900px) {
  .card-container {
    flex-wrap: wrap;
  }
}
</style>

<div class="card card-wide">
  <h2>🍎 Apple Emojis – #1 Emoji Network!</h2>
  <h3>High-quality Apple emoji servers for aesthetic chats, meme magic, and IOS emoji lovers!</h3>
</div>

<div class="network-header-wrapper">
  <h2 class="network-header">Our Network:</h2>
</div>

<div class="card-container">
  <div class="card card-fixed">
    <h3><a href="https://discord.gg/Qa8H4MPyzp">🍎 Apple Emojis 2</a></h3>
  </div>
  <div class="card card-fixed">
    <h3><a href="https://discord.gg/t6Xzgyhmwk">🏳️ Apple Emojis | Flags</a></h3>
  </div>
  <div class="card card-fixed">
    <h3><a href="https://discord.gg/n2yBsqFtaN">🍔 Apple Emojis | Food</a></h3>
  </div>
</div>

<div class="card card-wide">
  <h3>✨ Join us to juice up your emoji game!</h3>
</div>

Voting for Apple Emojis | Food

Möchtest du uns unterstützen?