body
{

	font-family: 'Overpass', sans-serif !important;
	font-size: 16px;
	    background: url(https://i.imgur.com/W9hlexM.png) -1050px -400px fixed no-repeat #59bdff;
}

.navbar-light .navbar-nav .nav-link {
    color: white;
}
.navbar-light .navbar-brand {
    color: rgb(255 255 255 / 90%);
}
.navbar-light .navbar-text {
    color: white;
}
.fontebranca
{
	color: white;
}
.habbo-border {
  background-color: #000;
  border: 4px solid #fff;
  border-radius: 8px;
  box-shadow: 0 0 4px #fff;
  padding: 10px;
}

.p2018-article {
    margin: 0 auto;
    margin-top: 15px;
    padding: 0px;
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: white;
    text-shadow: 1px 1px 1px black;
    border-style: solid;
    border-width: 40px;
    border-radius: 25px;
    -webkit-border-image: url(https://i.imgur.com/vWHXP9s.png) 40 round;
    -o-border-image: url(https://i.imgur.com/vWHXP9s.png) 40 round;
    border-image: url(https://i.imgur.com/vWHXP9s.png) 40 round;
    background: url(https://i.imgur.com/QD9vci4.png);
}
.hrbranco
{
	background-color: #e5f1fb;
}
.register-banner__button {
    box-shadow: 0 3px 0 1px rgb(0 0 0 / 30%);
    display: inline-block;
    text-align: center;
    background-color: #00813e;
    border-color: #8eda55;
    font-size: 16px;
    padding: 12px 24px;
    margin-bottom: 4px;
    /*width: 100%;*/
}
.alink{
    color:  white;
}
.discussions__reply, .register-banner__button {
    border-style: solid;
    text-transform: uppercase;
    color: #fff;
}
.fundoapresentacao
{
	background-image: url() ;
	background-repeat: repeat-y;
	background-color: #53bae5;

}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    /* border: 1px solid rgba(0,0,0,.125); */
    border-radius: .25rem;
}
.tirara
{
	text-decoration: none;
}
img:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  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); }
}