<div id="content">

<strong id="heading">Snowball Bot</strong>
  
<hr> 
  
<strong id="title_big">Initiate wholesome virtual snowball fights with your friends</strong>
<strong id="text_small">Throw snowballs at your friends, collect points, redeem them for cool features and upgrades and become the snowball boss.</strong>

<img id="image1"
src="https://snowballbot.netlify.app/imgs/media1.png">

<hr>
  
<strong id="title_big">Features that will help you and your friends have a great time</strong>
<strong id="text_small">There are many features that keep you from getting bored.</strong>

<div id="features">
<img id="featureimages"
src="https://snowballbot.netlify.app/imgs/allsnowballs.png">
<p id="featuretext">Collect snowballs to be thrown at other players</p>
</div>   
  
<div id="features">
<img id="featureimages"
src="https://snowballbot.netlify.app/imgs/snowball.png">
<p id="featuretext">Throw snowballs at other members of your server</p>
</div> 
  
<div id="features">
<img id="featureimages"
src="https://snowballbot.netlify.app/imgs/upgrade.png">
<p id="featuretext">Upgrade your capacities to become even stronger</p>
</div>
  
<div id="features">  
<img id="featureimages"
src="https://snowballbot.netlify.app/imgs/stats.png">
<p id="featuretext">Keep an eye on all your statistics and stay up to date</p>
</div>
<p id="spacing">

<hr>  
  
<strong id="title_big">Ready to throw yourself into an exciting snowball fight?</strong>
<strong id="text_small">Click on the button below to get the bot on your server now!</strong>

<a id="invitebutton"
href="https://discord.com/api/oauth2/authorize?client_id=921804367550615552&permissions=414464665664&scope=applications.commands%20bot">Add To Server</a>

<hr aria-orientation="horizontal" class="chakra-divider css-1ip5dck">
  <p style="line-height: 10px;" class="chakra-text css-542wex"><b>Do you like the bot or have any suggestions?</b><br><br>Feel free to write a review right here!</p>
  <a id="reviewbutton" href="https://top.gg/bot/921804367550615552#reviews">Write Review</a>  
  
</div>

<style>

#content {text-align: center;}
  
#heading {font-size: 70px; font-weight: revert; color: var(--top-gg-colors-text-100); display: block;}
 
#title_big {font-size: 25px; font-weight: revert; color: #3f4cde; margin-bottom: -30px; display: block;}

#text_small {font-size: 15px;}
  
#image1 {max-width: 100%; width: 100%; margin: 32px auto 16px; margin-top: -30px; pointer-events: none;}
  
#invitebutton {font-size: 16px; background: #3f4cde; color: white; line-height: 22px; padding: 15px 24px; border-radius: 12px; display: inline-block; margin-bottom: 32px; transition: 0.15s;}

#invitebutton:hover {background-color: #363FA3;}
  
#features {display: inline-flex; align-items: center; margin-bottom: 0px;}
  
#featureimages {width: 50px; margin-right: 8px; pointer-events: none;}
  
#featuretext {font-size: 15px; margin-bottom: 0;}
  
#spacing {margin-bottom: 35px;}
  
#reviewbutton {font-size: 16px; background: var(--top-gg-colors-ui-10); color: var(--top-gg-colors-text-100); line-height: 22px; padding: 10px 120px; border-radius: 7px; display: inline-block; transition: 0.15s;}

#reviewbutton:hover {background-color: #595763;}
  
.css-18r9pyf p {font-size: 1rem; margin-bottom: 0;}
  
.iNruBJ {stroke: #767ff5;stroke-width: 1px;fill: #4c58ea;}
  
.gCcCuZ .Icons__Stroke-sc-v2gr92-3, .gCcCuZ .Icons__StrokeRect-sc-v2gr92-5, .gCcCuZ .Icons__Stroke20-sc-v2gr92-8, .gCcCuZ .Icons__CircleStroke-sc-v2gr92-2, .gCcCuZ .Icons__StrokeFill20-sc-v2gr92-6 {stroke: #4d5bec;}

.gCcCuZ .Icons__Fill-sc-v2gr92-0, .gCcCuZ .Icons__FillRect-sc-v2gr92-4, .gCcCuZ .Icons__Fill20-sc-v2gr92-7, .gCcCuZ .Icons__FillRect20-sc-v2gr92-9, .gCcCuZ .Icons__CircleFill-sc-v2gr92-1, .gCcCuZ .Icons__StrokeFill20-sc-v2gr92-6 {fill: #4d5bec;}
  
.css-1qrj199 {color: #4f5cee;}
  
.css-16th6h2 {color: #4d5aec;}
  
.css-1ywhxq {background: #4d59ee;}
  
.hYsIDf {stroke: #4d5aec;}
  
.css-1qsyi4e {background-color: #4c58ea;}
  
.css-1xcaalv {color: #4c58ea;}
  
.css-1332yn0 {background: #4e5bed;}
  
.css-1332yn0:hover {background: #363FA3;}
  
.css-1t7yogv {color: #4d59ee;}
  
.css-109052l {color: #4e5bed;}
  
.css-109052l:hover {color: #363FA3;}
  
.css-1p8e5k1 {color: #4e5bed;}
  
.css-dvjqb2 {background: #4e5bed;}
  
.css-dvjqb2:hover {background: #363FA3;}
  
.css-27mm1h > div {background: #4c58ea;}
  
.css-tqoo6a {background: #4b57e9;}
  
.css-tqoo6a:hover {background: #363FA3;}
  
:host, :root {--top-gg-colors-brand-80: #4b57e9; --top-gg-colors-brand-100: #4b57e9;}

/* Wir nehmen die spezifischste Klasse am Ende */
html body .button-primary\! {
    background-color: #4c58ea !important;
}

/* Oder falls das nicht reicht, den ganzen Pfad (sehr stabil): */
html body .\!button.\!button-sm.md\:\!button-lg.button-primary\! {
    background-color: #4c58ea !important;
}

/* Das ! am Ende der Klasse muss im CSS mit einem \ markiert werden */
.text-brand\! {
    color: #4c58ea !important;
}

/* Falls du auch den Hover-Zustand kontrollieren willst: */
.text-brand\!:hover {
    color: #3b46c7 !important; /* Etwas dunkler beim Drüberfahren */
    text-decoration: underline !important;
}

/* Dieser Selektor ist extrem stark und überschreibt normale Definitionen */
html body .text-brand {
    color: #4c58ea !important;
}

/* Wir sagen: Ein Link mit dieser Klasse, der irgendwo im Body liegt */
html body a.text-brand\! {
    color: #4c58ea !important;
}

html body .text-brand-100 {
    color: #4c58ea !important;
}

.bg-brand {
    background-color: #4d5aec !important;
}

.w-full.h-screen.inset-0.-z-10.absolute.pointer-events-none {
    background: linear-gradient(180deg, #4d5aec 0%, #101010 50%) !important;
}

/* Wir kombinieren das Element 'a' mit der Klasse, um stärker zu sein */
a.button-primary\! {
    background-color: #4b57e9 !important;
    color: #ffffff !important; /* Optional: Text auf weiß setzen für Lesbarkeit */
}

/* Falls es auch auf normalen Buttons (nicht Links) ist, nimm diesen Block dazu */
button.button-primary\! {
    background-color: #4b57e9 !important;
}

body {
background-color: #101010 !important;
}

/* Wir sprechen den Link innerhalb des Paragraphs ganz gezielt an */
.paragraph-md a.text-brand\! {
    color: #4c58ea !important;
}

/* Falls du auch sichergehen willst, dass der Hover-Zustand deine Farbe behält */
.paragraph-md a.text-brand\!:hover {
    color: #4c58ea !important;
    text-decoration: underline !important;
}
</style>

Snowball Bot

This is the extended version of the official Snowballbot from the Discord Snowsgiving Event.

Snowball Bot के लिए वोट कर रहे हैं

क्या आप हमारी सहायता करना चाहते हैं?