.icon-container {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  gap: 16px;
  align-items: center;
  text-align: center;
  font-size: 16px;
  font-family: 'DotGothic16';
  max-width: 100%;
}

.nekoweb-icon::before {
  content: var(--r1-asset-1);
  text-align: center;
  display: block;
}
.nekoweb-icon::after {
  content: "Nekoweb";
  display: block;
}

.discord-icon::before {
  content: var(--r1-asset-2);
  text-align: center;
  display: block;
}
.discord-icon::after {
  content: "Discord";
  display: block;
}

.github-icon::before {
  content: var(--r1-asset-3);
  text-align: center;
  display: block;
}
.github-icon::after {
  content: "GitHub";
  display: block;
}

.youtube-icon::before {
  content: var(--r1-asset-4);
  text-align: center;
  display: block;
}
.youtube-icon::after {
  content: "YouTube";
  display: block;
}

.reddit-icon::before {
  content: var(--r1-asset-5);
  text-align: center;
  display: block;
}
.reddit-icon::after {
  content: "Reddit";
  display: block;
}

.neocities-icon::before {
  content: var(--r1-asset-6);
  text-align: center;
  display: block;
}
.neocities-icon::after {
  content: "Neocities";
  display: block;
}

.atabook-icon::before {
  content: var(--r1-asset-7);
  text-align: center;
  display: block;
}
.atabook-icon::after {
  content: "Atabook";
  display: block;
}

.mail-icon::before {
  content: var(--r1-asset-8);
  text-align: center;
  display: block;
}
.mail-icon::after {
  content: "E-Mail";
  display: block;
}

.rss-icon::before {
  content: var(--r1-asset-9);
  text-align: center;
  display: block;
}
.rss-icon::after {
  content: "RSS Feed";
  display: block;
}

.itch-icon::before {
  content: var(--r1-asset-10);
  text-align: center;
  display: block;
}
.itch-icon::after {
  content: "itch.io";
  display: block;
}

.faq-icon::before {
  content: var(--r1-asset-11);
  text-align: center;
  display: block;
}
.faq-icon::after {
  content: "FAQ";
  display: block;
}

.book-icon::before {
  content: var(--r1-asset-12);
  text-align: center;
  display: block;
}
.book-icon::after {
  content: "Guestbook";
  display: block;
}


.mastodon-icon::before {
  content: var(--r1-asset-13);
  text-align: center;
  display: block;
}
.mastodon-icon::after {
  content: "Mastodon";
  display: block;
}

.notepad-icon::before {
  content: var(--r1-asset-14);
  text-align: center;
  display: block;
}
.notepad-icon::after {
  content: "Notepad";
  display: block;
}


.yt-thmb-dwnld-icon::before {
  content: var(--r1-asset-15);
  text-align: center;
  display: block;
}
.yt-thmb-dwnld-icon::after {
  display: block;
}

.webphone-icon::before {
  content: var(--r1-asset-16);
  text-align: center;
  display: block;
}
.webphone-icon::after {
  display: block;
  content: "Webphone";
}


.folder-icon::before {
  content: var(--r1-asset-17);
  text-align: center;
  display: block;
}

.folder-icon:hover::before {
  content: var(--r1-asset-18);
  text-align: center;
  display: block;
}

.flower::before {
  content: var(--r1-asset-19);
  display: block;
  text-align: center;
  transition: transform 0.2s ease;
  
}


.dark .flower::before {
  content: var(--r1-asset-20);
  transform: scaleX(-1);
}

.x-icon::before {
  content: url("../assets/images/x-icon.svg");
  text-align: center;
  display: block;
}
.x-icon::after {
  content: "X";
  display: block;
}
.pumpfun-icon::before { content: var(--r1-asset-21); text-align: center; display: block; }
.pumpfun-icon::after { content: "pump.fun"; display: block; }

.dex-icon::before { content: var(--r1-asset-22); text-align: center; display: block; }
.dex-icon::after { content: "DEXScreener"; display: block; }

.magiceden-icon::before { content: var(--r1-asset-23); text-align: center; display: block; }
.magiceden-icon::after { content: "Magic Eden"; display: block; }