<img src="https://forthebadge.com/images/badges/built-with-love.svg"> <img src="https://forthebadge.com/images/badges/made-with-javascript.svg">
<p>Want the Development build of Crouton Bot? &nbsp;<a href="https://croutonbot.wordpress.com/canary" target="_blank" rel="noopener">Invite Crouton Bot Canary!</a>&nbsp;</p>
<iframe src="https://croutonbot.wordpress.com/commands">&It;h1&gt;Your browser does not support viewing this web-page! D:</iframe>

<style> @-webkit-keyframes float-landing { 0% { -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } to { -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0) } } @keyframes float-landing { 0% { -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } to { -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,10px,0) } }

body {
  background-repeat: no-repeat;
  background-size: cover !important;
  background-attachment: fixed !important;
  background-image: url("https://food.fnr.sndimg.com/content/dam/images/food/fullset/2015/12/9/0/BXSP04H_Croutons_s4x3.jpg.rend.hgtvcom.616.462.suffix/1449790115577.jpeg") !important;
#menu { box-shadow: none !important; background: transparent !important; } #menu {background: transparent !important; }
}

.bot-name {
  background-image: repeating-linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red, violet);
  text-align: center;
  background-size: 800% 800%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 24px;
  animation: rainbow 8s ease infinite;
}

@keyframes rainbow {
                0% {
                    background-position: 0% 50%
                }

                50% {
                    background-position: 100% 25%
                }

                100% {
                    background-position: 0% 50%
                }
            }

#menu {
	background-color: #6e6e6e;
}

.status.green::before {
    background-color: #00ff00!important;
}
.status.green {
    color: #00ff00!important;
}
.titleandvote .votebutton:not(.votingvoted) {
  	animation: pulse 2s linear infinite;
    border-radius: 10%;
}
.titleandvote .votebutton:not(.votingvoted) {
  	animation: pulse 2s linear infinite;
    border-radius: 10%;
}
.titleandvote .votebutton {
  	animation: pulse 6s linear infinite;
    margin-bottom: 10px;
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.3);
}
.atag:after {
    border-left-color: rgba(0, 0, 0, 0) !important;
}
.columns {
    background-color: rgba(0, 0, 0, 0.25);
}
.atag:before {
    background: #ffffff;
}
.atag:after {
    border-left-color: white;
}
.titleandvote .votebutton {
  	animation: pulse 6s linear infinite;
    margin-bottom: 10px;
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.3);
}
#bot-details-page .bot-img {
     background: transparent;
     border-radius: 50% !important;
     border-color: transparent;
}
#bot-details-page .bot-img {
	width: 256px; height: 256px; margin-top: 10px !important; margin-bottom: 0px !important; -webkit-animation-name: float-landing; animation-name: float-landing; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;
	border-color: transparent;
}
.servers::before {
	content: "->> "
}

#createdby {
	color: white;
}

.left-container p:nth-child(1) {
	color: white;
}

.bot-tags-title {
	color: white;
}


.servers::after {
	content: " <<-"
}
.botpagebutton {
    background: #fff;
    font: 300 19px "Karla", sans-serif!important;
    color: #a2a2a2;
    display: block;
    height: 26px;
    line-height: 26px!important;
    border-radius: 3px;
    padding: 0 4px 0 7px;
    vertical-align: middle !important;
    text-decoration: none;
    -webkit-transition: color 0.3s;
}
.lib a {
    color: #ffffff !important;
}
.bot-description {
    color: white;
}
.btn-orange {
    background: #808080;
}
#bot-details-page .btn-like:after {
    padding-right: 5px;
    content: " 🍞";
    white-space: pre;
}

</style>

<h2>Crouton Bot ~ The Startup Bot</h2>

<p>Announce with the 3 unique commands, +announce, +b and +b-urgent.</p>
<p>Kick or ban naughty disobeyers!</p>
<p>Delete your old announcements instantly with +purge.</p>

<strong>Crouton Bot is the only bot on Discord with a unique MOTD Forum system, set up and ready to use as soon as you add Crouton Bot to your server!</strong>
<strong>Check out more on our website above!</strong>

<p><br /><strong>I'm ready to be added to your Discord Server!&nbsp;</strong></p>
<p><strong>Invite me today!</strong></p>

<p><em>Like what I do? Become a&nbsp;<a href="https://patreon.com/samcool236" target="_blank" rel="noopener">Patreon</a>&nbsp;</em><em>, or&nbsp;<a href="https://paypal.me/samcool236" target="_blank" rel="noopener">Donate via PayPal</a>&nbsp;to support further projects.</em></p>

<a href="https://twitter.com/samuelmereau?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-count="false">Follow Me on Twitter!</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


Crouton Bot

Powering Discord Servers to Interact, Communicate and Moderate.

Voting for Crouton Bot

Do you want to support us?