<!DOCTYPE html>
<html>
<body>

    <style>
        body {
            background: url(https://itmeo.com/public/webgradients_png/007%20Sunny%20Morning.png) no-repeat fixed 100% 100%;
            -moz-background-size: cover;
            -webkit-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            height: 100%;
            margin: 0;
            padding: 0;
            font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
            font-size: 20px;
            line-height: 1.4285em;        
            font-family: 'Roboto', sans-serif;
            color: black;
            font-size: 19px;
            text-align: center;
            line-height: 1.4285em;
    }
    #features {
        text-align: left;
        display: inline-block;
        margin: 0;
    }
#site-header .site-header-toprow {
    box-shadow: none !important;
    background: transparent !important;
}

#site-header .site-header-toprow .logotype {
    margin-top: 0;
    line-height: 0;
    visibility: hidden;
}
{
  #site-header #site-nav a {
    background: transparent !important;
  }
}
.site-nav-wrapper {
  background: transparent !important;
  display: inline-block;
  position: absolute;
  margin: 5px auto;
  left: 50%;
  transform: translateX(-50%);
}


   @-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,20px,0)
   }
   }
   .profilebotimage {
   width: 200px;
   height: 200px;
   margin-top: 10px !important;
   margin-bottom: 0px !important;
   -webkit-animation-name: float-landing;
   animation-name: float-landing;
   -webkit-animation-duration: 1.5s;
   animation-duration: 1.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
   }

hr.style2 {
	border-top: 3px double #8c8b8b;
}

<style>
img {
}
h1 {font-family: Comfortaa, cursive;color: #ff4930;}
p#shortDESU {font-family: Comfortaa, cursive;color: #0d0d0d}


button {
  display: inline-block;
  position: relative;
  border: 1px solid #ff7a68 !important;
  border-radius: 4px;
  font-size: 20px;
  font-family: 'Roboto', sans-serif;
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  color: white;
  z-index: 1;
  overflow: hidden;
  background-color: #ffffff;
}
.ui.button {
    background: #ffffff;
    color: black;
}

.ui.button:hover {
    background-color: white;
    color: #ffffff;
}
.center-skew-hover {
  -webkit-transition: color 0.4s ease-in-out;
  -moz-transition: color 0.4s ease-in-out;
  -ms-transition: color 0.4s ease-in-out;
  -o-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}
.ui.button {
    background: #ffffff;
    color: black;
}

.ui.button:hover {
    background-color: black;
    color: #ffffff;
}
.center-skew-hover:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 50%;
  bottom: 0;
  left: 50%;
  z-index: -1;
  -webkit-transform: skewX(-30deg);
  -moz-transform: skewX(-30deg);
  -ms-transform: skewX(-30deg);
  -o-transform: skewX(-30deg);
  transform: skewX(-30deg);

  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.center-skew-hover:hover {
  color: black;
  cursor: pointer;
}
.center-skew-hover:hover:before {
  right: 0%;
  left: 0%;
  margin-left: -1em;
  margin-right: -1em;
  background: white;
}


#bot-details-page .page-title { display: none !important; }
#bot-details-page #details .container { border: none; }
.bot-img img { border-radius: 4px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important; }
body:not(.white-theme) { background-color: #fcd46f !important; }
.bot-name, .bot-btns .btn, .bot-btns2 .btn { color: ##00FF00 !important; }
.bot-description, #prefix { color: #; }
#bot-details-page #bot-stats p { color: #ff6666 !important; }
.longdescription .content { box-shadow: none; background: transparent; }
.shapes-background { display: none; }
#bot-details-page .post, h5 { color: #ff6666 !important; }
.ui.button { border-radius: 4px !important; }
body:not(.white-theme) .button { color: #ff6666 !important; }
.ui.button.primary, .ui.google.plus.button, #upvotebutton:not(.btn-like) { color: #fff !important; }
.owners { border: none; color: #ff6666; }
.owners a { color: #99AAB5; }
.owners b { display: block !important; margin-top: 10px; background-color: transparent !important; }
code { background-color: transparent; }
#bot-details-page .btn-like { background: #fff; opacity: 0.6; }
.voted { background-color: #7289DA !important; border: solid 1px #7289DA !important; color: white !important; opacity: 1 !important; }


</style>
<body>


<center>
<a href="https://discord.gg/bmN8xpH">
<img border="0px"alt="Lets become a bigger community!" src="https://cdn.discordapp.com/attachments/372042076919037952/372184299354456064/discordimage.png" width="320" height="135">
</a>
<div class="bg">
<img src="https://cdn.discordapp.com/attachments/372042076919037952/377203346370461716/shiina_V2.png" alt="What are you waiting for? Use Shiina" width="1000" height="565">
</center>

</div>
</body>
</html>


Shiina

Multipurpose and Multilanguage Bot - Music / Fun / Moderation 

Voting for Shiina

Do you want to support us?