       <div class="bot-img">

                        <style>
  
  
.shapes-background {
  display: none;
}
#menu {
  background-color: #808080;
}
.container {
  border-top: 0px !important;
  border-bottom: 0px !important;
}
button {
  background: #808080;
  border-radius: 0px;
  border-color: #238EF8 !important;
}
.btn {
  color: #238EF8;
  font-size: 20px;
  background: #238EF8;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border-radius: 0px;
}
.btn:hover {
  background: #cf98aa;
  text-decoration: none;
  transform:scale(1.034,1.035);
}
.btn:active {
  transform:scale(0.98,0.98);
}
.botpagebutton {
  font-size: 16px !important;
  font-family: Arial;
  color: #ffffff;
  background: #551dad;
  height: 45px;
  border-radius: 0px !important;
  padding: 10px 20px 10px 20px !important;
  text-decoration: none;
}
.botpagebutton:hover {
  background: #238EF8;
  text-decoration: none;
  transform:scale(1.035,1.035);
}
.botpagebutton:active {
  transform:scale(0.98,0.98);
}
.bot-img {
  border-radius: 50% !important;
  box-shadow: none !important;
  transition: transform 2.5s ease-in-out;
  animation: bounce 1s infinite alternate;
  -webkit-animation: bounce 1s infinite alternate;
}
@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}  
.bot-img:hover {
  box-shadow: none !important;
  border-radius: 50% !important;
  transform: rotate(1800deg);
}
.bot-name {
  color: white !important;
}
#upvotebutton:hover {
    animation: shake 0.5s; 
    animation-iteration-count: infinite; 
}

@keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}
code {
  background-color: ff0000;
}
.atag::before {
  background-color: #ff0000 !important;
  top: 22px !important;
}
.atag {
  background: #ff0000 !important;
  color: white !important;
  padding: 24px !important;
  line-height: 1px !important;
  border-radius: 0px !important;
  margin-right: 20px !important;
}
.atag:hover {
  transform:scale(1.035,1.035);
}
.atag:active {
  transform:scale(0.98,0.98);
}
.atag::after {
  border-bottom: 24px solid transparent !important;
  border-left: 16px solid #551dad !important;
  border-top: 24px solid transparent !important;
  right: -16px !important;
  top: 0 !important;
}
#bot-stats {
  display: none !important;
}
.botpagebutton:hover {
  background: #551dad;
  text-decoration: none;
}
#createdby {
  color: white !important;
}
.owners a {
  color: white !important;
}
#createdby b {
  background: transparent;
}
.blog_card {
  border-radius: 5px;
  background-color: transparent;
}
.blog_card:after {
  content: none !important;
  background-color: transparent;
}
.owners a:hover {
  color: black !important;
}
.longdescription .content {
  box-shadow: 3px 3px 10px 2px black !important;
  padding: 0px !important;
  background: transparent !important;
}
  
::-webkit-scrollbar {
    width: 0px;
}

.titleandvote {
font: 600 25px "Karla", sans-serif;
color: #551dad;
}

.titleandvote .votebutton {
margin-top: 40px;
width: 130px;
align-items: center;
text-align: center;
display: inline-block;
}

.donate:hover {
cursor: not-allowed !important;
background-color: #A9A9A9 !important;
color: #D3D3D3 !important;
}

.mobile-sponsor {
background-color: #551dad;
padding: 5px;
border-radius: 3px;
margin: 10px;
text-decoration: none;
font-family: 'Karla', sans-serif;
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;
}
}
</style>


<h1> Um bot de economia baseada em cidades você pode criar a sua cidade e ser a maior.<h2>


Octavia™

Olá me chamo Octavia™, sou um simples bot de economia, feito em ( Eris ) usando a linguagem ( JavaScript ).

Votando em Octavia™

Quer nos ajudar?