<!DOCTYPE html>

<style>
  ::-webkit-scrollbar {
    background-color: #202324;
    color: #aba499;
  	width: 13px
}
::-webkit-scrollbar-corner {
    background-color: #181a1b;
}
::-webkit-scrollbar-thumb {
    background-color: #454a4d;
} 

.server-preview h2 {
	text-align: center;
}

.entity-sidebar .related-entity {
	margin-right: auto !important;
    margin-left: auto !important;
}

 
.shapes-background {
	visibility: hidden;
}

code {
	border-radius:25px !important;
    font-size: 12px !important;
	background: transparent !important;
}
.columns img[alt="Avatar for Keera"] {
  border-radius: 9999px !important;
  overflow: visible !important;
  box-shadow: none !important;
  background: none !important;
  box-shadow: none !important;
}
img[alt="Avatar for Keera"] {
  border: 5px solid white;
  background-color: transparent;
}
img[alt="Avatar for Keera"] {
  -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%
}
img[alt="Avatar for Keera"] {
  -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;
}
img[alt="Avatar for Keera"] {
  border-radius: 9999px !important;
  overflow: visible !important;
  box-shadow: none !important;
  background: none !important;
  box-shadow: none !important;
}
#bot-details-page #details .container {
  border-bottom: 1px solid #ccd6f800;
  border-top: 1px solid #00000000;
  padding: 40px 0;
}

img[alt="Avatar for Keera"] {
     -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: 9999px
}
img[alt="Avatar for Keera"] {
     -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); }
}    
@keyframes mover {
     0% { transform: translateY(0); }
     100% { transform: translateY(-20px); }
}

body > div.entity-wrapper > article > section.entity-content__section.entity-sidebar > div.entity-sidebar__overflow {
	margin-right: auto !important;
    margin-left: auto !important
}

.entity-header__button {
	border-radius: 9999px
}

.entity-button {
	border-radius: 9999px
}

.entity-table__cell:nth-child(even) {
	border-radius: 0px 9999px 9999px 0px
}

.entity-table__cell:nth-child(odd) {
	border-radius: 9999px 0px 0px 9999px
}

.entity-sidebar .entity-owner {
	border-radius: 9999px
}

.entity-sidebar .entity-owner > img {
	border-radius: 9999px
}

.entity-table > * {
	margin-top: 5px
}

.entity-sidebar .entity-tag {
	border-radius: 9999px
}

.premium__link {
	color: #FFA500
}

.premium__link:hover {
	color: #FFD700
}

 <div class="entity-header__actions">
   .entity-header__button-text > a:first-of-type > .votebutton:first-of-type {
  	background-color: #0eb8d7 !important;
    animation: flash 2s linear 0s infinite;
  }
  
  
  @keyframes flash {
    0% {
      transform: scale(1)
    }
    10% {
      transform: scale(1.2)
    }
    20% {
      transform: scale(1)
    }
    30% {
      transform: scale(1.2)
    }
    40% {
      transform: scale(1)
    }
  }

.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;
}
  
  .votebutton:hover {
  background-color: #0eb8d7;
  color: black;
  box-shadow: 0 0 25px 0 black;
}

.atag {
    	background-color: #0eb8d7;
    	color: black;
    	border-bottom: 1px solid #000000 !important;
    	transition: all .5s
    }
    .atag:hover {
    	background-color: #0eb8d7;
    	color: white;
    	transition: all .2s ease-in-out;
    }
  	.atag:after {
    	border-bottom: 13px solid transparent;
    	border-left: 10px solid #0eb8d7;
    	border-top: 13px solid transparent;
    	content: '';
    	position: absolute;
    	right: -10px;
    	transition: all .4s;
    	top: 0
	}
    #bot-details-page #details .container {
  border-top: 0px !important;
  background: #23272A !important;
}
.atag, .botpagebutton, .atag:hover, .botpagebutton:hover {
  background: #2079D9 !important;
  color: #eee !important;
  font-weight: 600 !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.votebutton {
  background: #0eb8d7 !important;
}
.entity-content__description {
padding: 0px !important
}
.entity-header__button-text {
  background: #0eb8d7 !important;
color: #fff !important;
}

.entity-header__image {
border-radius: 130px !important;
border: 2px solid black !important;
}

.atag::after {
  background: #0eb8d7 !important;
  color: #34363a  !important;
  border-left: 10px solid #0eb8d7 !important;
}
.atag::before {
  display: none;
}
#points, .btn-like {
  background: #0eb8d7 !important;
  color: #eee !important;
  border: none !important;
}
.shapes-1 {
  background: none !important;
}
.wrapper-page, .page, #bot-details-page {
  background: #23272A !important;
}
.blog_card_container {
  display: block !important;
}
.left-container .column p {
  color: #eee !important;
}
.bot-name, #createdby, .owners, .bot-tags-title {
  color: #eee !important;
}
.bot-description {
  font-size: 1.1em !important;
  color: #eee !important;
}
.columns .bot-img {
  box-shadow: none !important;
}
.content iframe {
  padding: 0px !important;
  margin: 0px !important;
  min-height: 1950px !important;
  width: 100% !important;
}
.container {
  max-width: 100% !important;
  width: 100% !important;
}
.longdescription {
   padding: 0px !important;
}
.page .container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.columns {
    margin-left: auto !important;
}
	.atag:hover:after {
    	background: 0 0 !important;
    	border-bottom: 13px solid transparent;
    	border-left: 10px solid black;
    	border-top: 13px solid transparent;
    	content: '';
    	position: absolute;
    	right: -10px;
    	transition: all .4s;
    	top: 0
	}
    .bot-tags-title {
    	color: white;
    }
    .owners a{
    	color: #0eb8d7;
    }
        #createdby b {
    	background-color: #000000 !important;
    	color: gold;
    	border-bottom: 1px solid #0eb8d7 !important;
    	transition: all .5s;
    }
    #createdby b:hover {
    	background-color: #ffffff !important;
    	color: white;
    	transition: all.2s ease-in-out;
    	border-bottom: 1px solid purple !important;
    }
    .bot-tags-title {
    	color: white;
    }
    

.sunucusresmi {
  border-radius: 50% !important;
  border: 2px solid white;
  padding: 1px;
}
.avatar {
border-radius: 50% !important;
border: 2px solid white;
padding: 1px;
}
#avatar2 {
  width: 700px;
  height: 250px;
  transition: all .3s ease-in-out;
  cursor: pointer;
  text-align:center;
margin : 0 auto 0 auto;
}
  #avatar2:hover {
      transform: translate(0px,-20px);
      -webkit-transform: translate(0px,-20px);
}
      .titleandvote {
          font-weight: 600;
          font-size: 25px;
          color: #0eb8d7;
      }

      .titleandvote .votebutton {
          margin-top: 40px;
          width: 130px;
          align-items: center;
          text-align: center;
          display: inline-block;
      }

      .donate:hover {
          cursor: not-allowed !important;
          background-color: #0eb8d7 !important;
          color: #0eb8d7 !important;
      }

      .mobile-sponsor {
          background-color: #0eb8d7;
          padding: 5px;
          border-radius: 3px;
          margin: 10px;
          text-decoration: none;
          text-align: center;
          font-weight: bold;
          font-size: 14px;
          display: none;

      }

      .mobile-sponsor .button-cta-sponsor {
          border-radius: 4px;
          border: 1px solid lightgrey;
          padding: 3px;
          display: inline-block;
          padding-left: 5px;
          padding-right: 5px;
          margin-top: 4px;
          margin-bottom: 0;
          transition: 0.2s;
      }

      .mobile-sponsor .button-cta-sponsor:hover {
          background-color: white;
          color: #624ba8;
      }

      .mobile-sponsor .android {
          margin-left: 2px;
      }

      .mobile-sponsor .apple {
          margin-right: 6px;
      }

      @media only screen and (max-width: 842px) {
          .mobile-sponsor {
              display: block;
          }
      }

#menu {
  background: #0eb8d7;
}
.btn-like {background-color: #0eb8d7;}
.votebutton {background-color: #0eb8d7;}
.botpagebutton {background-color: #0eb8d7; color: #ffffff;}
<ul>
<li>{color: #7cc1aa; box-sizing: inherit;}
blog_card {animation: float 5s infinite ease-in-out;}
blog_card_is_actually_server {animation: float 5s infinite ease-in-out;}
.columns .bot-img {
border-radius: 4px;
overflow: hidden;
box-shadow: none;
background: transparent !important;
box-shadow: 1px 1px 0px 0px #C2C1BE, 4px 4px 8px 0px rgba(0,0,0,0.2) !important;
}
:root {
--videonail-sync-button-size:  32px;
--videonail-header-height:  24px;
--videonail-color: rgba(14, 184, 215, 0.8);
--transition:  opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.bot-img {
animation: float 3s infinite ease-in-out;
border-radius: 50% !important;
border: none;
box-shadow: 0px 3px 18px -3px black;
}
.page .page-title p {
  color: #0eb8d7;
}
  
.bot-name {
  color: #0eb8d7;
}
.columns .bot-img {
  background: none !important;
  box-shadow: none !important;
}
.bot-img img {
  border-radius: 50%;
  border: 3px solid #0eb8d7;
}
.btn-orange {
  background-color: #0eb8d7;
}
.btn-blue {
  background-color: #0eb8d7;
}
.keera {
  position: relative;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
}
.keera .container {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.keera p {
  font-weight: 200;
}
.keera a {
  color: #0eb8d7;
}
.keera .third {
  min-height: 1px;
  margin-right: 15px;
  margin-left: 15px;
  flex-basis: 33.333333%;
}
.keera .callout.rule {
  border-bottom: 1px solid #0eb8d7;
  color: #0eb8d7;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  margin: 60px 0;
}
.keera .callouts {
  margin: 0 -15px 30px;
  display: -webkit-box;
  display: flex;
}
.avaie .callout {
  display: block;
}
.keera .callout.minimal {
  border: 2px solid #0eb8d7;
  border-radius: 2px;
  padding: 15px 30px 20px;
  transition: all 0.2s ease;
}
.keera .callout.minimal:hover {
  border: 2px solid #004cd4;
  transition: all 0.2s ease;
}
.keera .callout.minimal .callout-head {
  display: flex;
}
.keera .callout.minimal .callout-title {
  color: #0eb8d7;
  font-weight: 300;
  font-size: 26px;
  margin: 0 0 30px;
  padding-top: 10px;
  -webkit-box-flex: 1;
  flex: 1;
  text-align: center;
}
.keera .package .content,
.longdescription .content {
  box-shadow: 4px 4px 0 0 rgba(14, 184, 215, 0.8),
    inset 4px 4px 0 0 rgba(1, 158, 187, 0.2),
    inset -4px -4px 0 0 rgba(0, 120, 142, 0.5);
}
.keera .packages {
  display: flex;
}
.keera .package {
  padding: 8px;
}
.keera .package-title ~ p {
  padding-top: 8px;
}
</style>
<div id="avatar2">
<a href="https://bit.ly/keerabot"><img style="border-radius:50%" width="700" height="250" src="https://cdn.discordapp.com/attachments/748286731941314601/782610143258083338/top_gg_banner.png" alt="Keera Bot Bilgilendirme" align="mid"/></a>
  </div>


<section class="keera">

  <div class="container">
    <div class="callout rule"><span class="text">Botun Bazı Özellikleri</span></div>
    <div class="packages">
      <div class="third">
        <div class="package">
          <div class="content">
            <a
              target="_blank"
              onclick="trackCampaignWebClick('', 'description');"
              rel="nofollow"
              class="package-title"
              >Sayaç</a
            >
            <p>
              Kullanıcılar sunucunuza katıldığında veya sunucunuzdan ayrıldığında belirlediğiniz sayaç kanalına
              mesajını atar.
            </p>
          </div>
        </div>
        <div class="package">
          <div class="content">
            <a
              target="_blank"
              onclick="trackCampaignWebClick('', 'description');"
              rel="nofollow"
              class="package-title"
              >Yavaşmod</a
            >
            <p>
              Yavaş mod ile insanların spam göndermesini önleyin, açabilirsiniz veya 
              kapatabilirsiniz.
            </p>
          </div>
        </div>
      </div>
      <div class="third">
        <div class="package">
          <div class="content">
            <a
              target="_blank"
              onclick="trackCampaignWebClick('', 'description');"
              rel="nofollow"
              class="package-title"
              >Otorol</a
            >
            <p>
              Biri sunucunuza katıldığında otomatik olarak belirlediğiniz rolü verir ve ayarladığınız kanala logunu atar.
            </p>
          </div>
        </div>
        <div class="package">
          <div class="content">
            <a
              target="_blank"
              onclick="trackCampaignWebClick('', 'description');"
              rel="nofollow"
              class="package-title"
              >Prefix</a
            >
            <p>
              Eğer botun prefix'ini bilmiyorsanız Botu @keera bunun gibi etiketlemeniz yeterli bot size prefix'ini atacaktır.
            </p>
          </div>
        </div>
      </div>
      <div class="third">
        <div class="package">
          <div class="content">
            <a
              target="_blank"
              onclick="trackCampaignWebClick('', 'description');"
              rel="nofollow"
              class="package-title"
              >Kullanıcı Komutları</a
            >
            <p>
              Keera'nın çok sayıda kullanıcı komutu var. Bunlardan en beğendiklerim kullanıcıbilgi ve sunucubilgi botu sunucunuza ekleyip test edebilirsiniz.
            </p>
          </div>
        </div>
        <div class="package last">
          <div class="content">
            <a
              target="_blank"
              onclick="trackCampaignWebClick('', 'description');"
              rel="nofollow"
              class="package-title"
              >Moderasyon Komutları</a
            >
            <p>
              Keera'nın çok sayıda moderasyon / yetkili komutu var ve daha fazlası sürekli
               eklenmektedir.
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="container">
    <div class="callout rule"><span class="text">Botun Bazı Linkleri</span></div>
    <div class="callouts">
      <a
        target="_blank"
        onclick="trackCampaignWebClick('', 'description');"
        rel="nofollow"
        href="https://keerabot.glitch.me/"
        class="callout minimal third"
        ><div class="callout-head">
          <div class="callout-title">Keera'nın Websitesi</div>
        </div>
        <p>
          Kılavuzlar, belgeler ve yardımcı bağlantılar için resmi web sitesine bakın.
        </p></a
      ><a
        target="_blank"
        onclick="trackCampaignWebClick('', 'description');"
        rel="nofollow"
        href="https://bit.ly/keerabot/"
        class="callout minimal third"
        ><div class="callout-head">
          <div class="callout-title">Keera Davet Linki</div>
        </div>
        <p>
          Keera'yı sunucunuza ekleyin ve tüm özellikleri kullanmaya başlayın.
        </p></a
      ><a
        target="_blank"
        onclick="trackCampaignWebClick('', 'description');"
        rel="nofollow"
        href="https://discord.gg/y3hcHU3"
        class="callout minimal third"
        ><div class="callout-head">
          <div class="callout-title">Destek Sunucusu</div>
        </div>
        <p>
          Yardıma mı ihtiyacınız var? Sorularınız mı var veya yeni bir özellik mi talep etmek istiyorsunuz? Desteğe katılın
           sunucu ve geliştiricilerle konuşun.
        </p></a
      >
    </div>
  </div>
</section>


Keera

Gelişmiş Sistemleri | vb. birçok özelliği ile seni bekliyor hemen ekle !

Voter pour Keera

Tu veux nous soutenir ?