ZeroDegree is the ultimate anti-nuke bot, designed to keep your server safe and secure while offering top-tier performance. With seamless integration and proactive defense against malicious users, ZeroDegree ensures your Discord community is always protected. For expert support, regular updates, and an engaging community, join our Discord Server now. Stay ahead of the curve with ZeroDegree!

<style>
  :root {
    --zed-color: #A3D8FF;
    --zed-hover: #85C6E1;
    --text-contrast: #fff;
    --zed-header-margin: 0;
    --accent: var(--zed-color);
    --text-blue: var(--zed-color);
    --link: var(--zed-color);
    --brand: 45, 119, 185;
    --contrast-dark: var(--brand);
    --contrast-light: var(--brand);
    --top-gg-colors-brand-100: var(--zed-color);
    --top-gg-colors-brand-80: var(--zed-hover);
    --top-gg-colors-brand-60: var(--zed-hover);
    --top-gg-colors-brand-40: var(--zed-hover);
    --top-gg-colors-brand-20: var(--zed-hover);

    /* Ice Blue Color Shades */
    --color-brand-100: #A3D8FF; /* Light Ice Blue */
    --color-brand-80: #91C8E9;  /* Slightly darker ice blue */
    --color-brand-60: #7BB8D8;  /* Medium ice blue */
    --color-brand-40: #64A8C8;  /* Darker ice blue */
    --color-brand-20: #4E98B8;  /* Even darker ice blue */
    --color-brand-10: #3A88A8;  /* Deep ice blue */
    --color-brand-5:  #2C78A0;  /* Very deep ice blue */
  }

  /* General Styling */
  body {
    font-family: Arial, sans-serif;
    background-color: #1e1e1e;
    color: white;
  }

  a {
    text-decoration: none;
    color: var(--zed-color);
  }

  a:hover {
    color: var(--zed-hover);
  }

  h3 {
    font-size: 1.8em;
    font-weight: bold;
  }

  p {
    font-size: 1.1em;
    line-height: 1.6;
  }

  /* Features Section */
  .features {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #2c2c2c;
  }

  .feature {
    background-color: #3a3a3a;
    border-radius: 10px;
    width: 46%;
    margin: 10px;
    text-align: center;
    transition: all 0.3s ease;
  }

  .feature:hover {
    background-color: var(--zed-color);
    transform: scale(1.05);
  }

  .feature h3 {
    color: var(--zed-hover);
  }

  .feature p {
    color: #e0e0e0;
  }

  /* Join to Create Section */
  .join-to-create {
    text-align: center;
    background-color: #333;
    border-radius: 15px;
  }

  .join-to-create h3 {
    font-size: 2em;
    color: var(--zed-color);
  }

  .join-to-create p {
    font-size: 1.2em;
    color: #d3d3d3;
  }

  .join-to-create .btn {
    background-color: var(--zed-color);
    color: white;
    font-size: 1.1em;
    border-radius: 30px;
    transition: all 0.3s ease;
  }

  .join-to-create .btn:hover {
    background-color: var(--zed-hover);
  }

  /* Iframe Container */
  .iframe-container {
    text-align: center;
  }

  .iframe-container iframe {
    border: none;
    border-radius: 10px;
  }

  /* Applying the shine effect to the invite button */
  a.chakra-link.chakra-button.css-1ebbhgf {
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
  }

  /* Shine effect using ::before pseudo-element */
  a.chakra-link.chakra-button.css-1ebbhgf::before {
    content: '';
    position: absolute;
    top: -200%;
    left: -200%;
    width: 400%;
    height: 400%;
    background: linear-gradient(45deg, transparent 48%, rgba(255, 255, 255, 0.6) 50%, transparent 52%, transparent 58%, rgba(255, 255, 255, 0.6) 60%, transparent 62%);
    transform: rotate(45deg);
    animation: shine 1s linear infinite;
    pointer-events: none;
  }

  /* Keyframe for moving the shine */
  @keyframes shine {
    0% {
        top: -200%;
        left: -200%;
    }
    100% {
        top: 200%;
        left: 200%;
    }
  }

  /* Hover effect: Shine moves across the button */
  a.chakra-link.chakra-button.css-1ebbhgf:hover::before {
    animation: shine 1s linear forwards;
  }

  /* Change color on hover */
  a.chakra-link.chakra-button.css-1ebbhgf:hover {
    color: #3db7d2; /* Customize the color on hover */
  }
</style>


ZeD に投票

私たちをサポートしませんか？