<head>
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  <style>
    * {
      font-family: 'Poppins', sans-serif;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      background-color: #f9f9f9;
      color: #333;
      padding: 20px;
    }

    .announcement-box {
      background-color: #fff3cd;
      border-left: 6px solid #ffc107;
      padding: 15px 20px;
      margin-bottom: 30px;
      font-size: 16px;
      border-radius: 6px;
    }

    .announcement-box h3 {
      margin-bottom: 5px;
      color: #856404;
    }

    .botdescription {
      background: white;
      border-radius: 12px;
      padding: 30px;
      box-shadow: 0 0 15px rgba(0,0,0,0.1);
      max-width: 800px;
      margin: 0 auto;
    }

    .botdescription center img {
      border-radius: 50%;
    }

    .botdescription h3, .botdescription p, .botdescription ul {
      margin: 15px 0;
    }

    .botdescription font[size="24px"] {
      font-size: 32px;
      font-weight: 700;
    }

    .botdescription font[size="5px"] {
      font-size: 18px;
    }

    ul {
      padding-left: 20px;
    }

    ul li {
      margin-bottom: 8px;
    }

    a {
      color: #FFB636;
      text-decoration: none;
      font-weight: 500;
    }

    a:hover {
      text-decoration: underline;
    }

    .votebutton {
      background-color: #FFB636;
      transition-duration: 1s;
    }

    .votebutton:hover {
      box-shadow: 0px 0px 160px 5px rgba(255,182,54,1);
    }

    .columns .bot-img {
      box-shadow: none !important;
      -webkit-animation: jello-horizontal .9s both;
      animation: jello-horizontal .9s both;
    }

    #menu {
      background-color: #FFB636;
    }

    .bot-btnss a {
      background-color: white;
      color: black;
    }

    .bot-btnss a:hover {
      background-color: #FFB636;
      color: white;
      box-shadow: 0px 0px 40px -7px rgba(255,182,54,1);
    }

    .btns .atag:hover {
      background-color: #FFB636;
    }

    .btns .atag::after {
      background-color: #FFB636;
    }

    @keyframes jello-horizontal {
      0% { transform: scale3d(1,1,1); }
      30% { transform: scale3d(1.25, .75, 1); }
      40% { transform: scale3d(.75, 1.25, 1); }
      50% { transform: scale3d(1.15, .85, 1); }
      65% { transform: scale3d(.95, 1.05, 1); }
      75% { transform: scale3d(1.05, .95, 1); }
      100% { transform: scale3d(1, 1, 1); }
    }
  </style>
</head>

<body>
  <div class="announcement-box">
    <h3>📢 Important Update</h3>
    <p>
      Party! has been offline since April 30, 2022. I'm currently focused on university and can’t maintain it actively. That said, I do plan to eventually bring it back with a full rewrite—just need the time to do it right!
    </p>
  </div>

  <div class="botdescription">
    <center>
      <img src="https://i.imgur.com/jTLGfFz.png" height="300px" width="300px" alt="Party Bot Logo">
      <br><br>
      <font color="#FFB636" size="24px">Party!</font>
    </center>

    <h3>Get started with <font color="#FFB636" size="5px">p!help</font></h3>
    <p>Party is a simple-to-use bot with <b>100+ commands!</b></p>

    <p>It can do many things, such as:</p>
    <ul>
      <li>Get info about any user—including bots 🤖</li>
      <li>Apply simple filters to modify your profile picture</li>
      <li>Use easy-to-run moderation tools</li>
      <li><b>Look at memes, play with friends, and just have fun!</b></li>
    </ul>

    <p><font size="5px">But there's more!</font></p>
    <p>You can help Party’s development by suggesting features in <a href="https://discord.gg/KcchPw5">the official server</a>!</p>

    <center>
      <p><font color="gray">⚠️ Party! is still in development — please report any 🐛 bugs you find!</font></p>
    </center>
  </div>
</body>

Party!

🎉 Party is a simple, easy-to-use, Multipurpose bot that has lots of cool features! constantly updated and with lots of commands!

Voting for Party!

Do you want to support us?