        <div class="card text-white bg-danger mb-3" style="max-width: 100%;">

<div class="card text-white bg-warning mb-3" style="max-width: 100%;">
  <div class="card-header">Yardım komudu</div>
  <div class="card-body">
    <h5 class="card-title" style="color:#fff">Bütün Komutlar</h5>
    <p class="card-text">Komutlara bakmak için !yardım</p>
  </div>
</div>

<div class="card text-white bg-success mb-3" style="max-width: 100%;">
  <div class="card-header" style="color:#000">Koruma sistemi</div>
  <div class="card-body">
    <h5 class="card-title" style="color:#000">Koruma sistemi</h5>
    <p class="card-text" style="color:#000">Sunucunu korumak için kullanabilirsin !koruma [caps/spam/küfür/link] [aç/kapa].</p>
  </div>
</div>

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

<style>
  
  body{
    background: linear-gradient(purple, red, blue);
    color:#fff !important;
  }
  
  .botpagebutton{
   background:rgba(0, 0, 0, 0.28) !important;
   color: #fff;
    }
  
  .votebutton{
     background:rgba(0, 0, 0, 0.27) !important;
  }
  
  #menu{
  background:rgba(0, 0, 0, 0.27) !important;
  }
  
  .bot-description{
    color:#fff !important;
    }
   
   .lib a{
   color:#fff !important;
   }
   
   .lib a:hover{
   color:#fff !important;
   }
   
   .bot-name{
   color:#ff6666 !important;
   }
   
   .status.purple {
    color: #ffffff!important;
}

#delete {
    color: #fff!important;
}

#bot-details-page .btn-like{
background-color:#fff;
}

#bot-details-page .bot-img {
    margin-top: 10px !important;
    margin-bottom: 0px !important;
    -webkit-animation-name: float-landing;
    animation-name: float-landing;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -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;
    box-shadow: none !important;
}

.bot-img{
    box-shadow: none !important;
}

.bot-img img {
    border-radius: 100%;
}

 @-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% {transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0)}
    to { transform: translate3d(0, 20px, 0);                transform: translate3d(0, 20px, 0)}
}
 
 
 .longdescription .content{
 box-shadow:none !important;
 background:none !important;
 }
  
  .bot-btnss a{
  line-height: 0px !important;
    padding: 19px 10px;
    background: orangered !important;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.12);
    text-decoration:none !important;
    }
    
    <style>
.columns .bot-img {
     border-radius: 4px !important;
     overflow: visible !important;
     box-shadow: none !important;
     background: none !important;
     box-shadow: none !important;
}
<p>.bot-img img {
-webkit-animation: mover 1.5s infinite  alternate;
animation: mover 1.5s infinite  alternate;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
border-radius: 50%
}
.bot-img&gt;img {
border: 4px solid #ffbb00;
background-color: transparent;
}
.bot-img img {
-webkit-animation: mover 1.5s infinite  alternate;
animation: mover 1.5s infinite  alternate;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-20px); }
}<br>
@keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-20px); }
}
.columns .bot-img {
border-radius: 4px !important;
overflow: visible !important;
box-shadow: none !important;
background: none !important;
box-shadow: none !important;
}
.bot-name {
-webkit-animation: rainbow-text 1s infinite alternate;
animation: rainbow-text 0.5s infinite alternate;
font-weight: bold;
font-style: oblique;
}
@keyframes rainbow-text {
0% {
color: #e87d7d;
}
2% {
color: #e88a7d;
}
4% {
color: #e8977d;
}
6% {
color: #e8a47d;
}
8% {
color: #e8b07d;
}
10% {
color: #e8bd7d;
}
12% {
color: #e8ca7d;
}
14% {
color: #e8d77d;
}
16% {
color: #e8e47d;
}
18% {
color: #dfe87d;
}
20% {
color: #d3e87d;
}
22% {
color: #c6e87d;
}
24% {
color: #b9e87d;
}
26% {
color: #ace87d;
}
28% {
color: #9fe87d;
}
30% {
color: #92e87d;
}
32% {
color: #86e87d;
}
34% {
color: #7de881;
}
36% {
color: #7de88e;
}
38% {
color: #7de89b;
}
40% {
color: #7de8a8;
}
42% {
color: #7de8b5;
}
44% {
color: #7de8c1;
}
46% {
color: #7de8ce;
}
48% {
color: #7de8db;
}
50% {
color: #7de8e8;
}
52% {
color: #7ddbe8;
}
54% {
color: #7dcee8;
}
56% {
color: #7dc1e8;
}
58% {
color: #7db5e8;
}
60% {
color: #7da8e8;
}
62% {
color: #7d9be8;
}
64% {
color: #7d8ee8;
}
66% {
color: #7d81e8;
}
68% {
color: #867de8;
}
70% {
color: #927de8;
}
72% {
color: #9f7de8;
}
74% {
color: #ac7de8;
}
76% {
color: #b97de8;
}
78% {
color: #c67de8;
}
80% {
color: #d37de8;
}
82% {
color: #df7de8;
}
84% {
color: #e87de4;
}
86% {
color: #e87dd7;
}
88% {
color: #e87dca;
}
90% {
color: #e87dbd;
}
92% {
color: #e87db0;
}
94% {
color: #e87da4;
}
96% {
color: #e87d97;
}
98% {
color: #e87d8a;
}
100% {
color: #e87d7d;
}
}</p>
<p>
    
  
  </style>
      

Votando por DarkDayS

¿Quieres apoyarnos?