body {
    color: #3C3940 !important;
    background-color: #e4e4e4 !important;
}
a, a:hover, a:active {text-decoration:none !important;}

.aBorder {
	background: linear-gradient(to right, #f8f9fa00 20%, #f8f9fa00 40%, #ECD08C 50%, #ECD08C 55%, #f8f9fa00 70%, #f8f9fa00 100%);
    background-size: 200% auto;
    animation: shinet 3s linear infinite;
}

.shine-box {
  position: relative;
  overflow: hidden;
}

.shine-box:before {
  position: absolute;
  top: 0;
  left: -500px;
  content: "";
  width: 120px;
  height: 500px;
  background: rgba(255, 255, 255, 0.6);
  transform: skew(-50deg);
  /* transition: 1s; */
  animation: shine 5.0s ease infinite;
}

.shine-menu-ucp-box:before {
  position: absolute;
  top: 0;
  left: -500px;
  content: "";
  width: 120px;
  height: 500px;
  background: rgba(255, 255, 255, 0.6);
  transform: skew(18deg);
  /* transition: 1s; */
  animation: shine 4.5s ease infinite;
}

.elft:hover {
  display: inline-block;
  margin: 0 0.5rem;
  animation: animate__backInLeft; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s; /* don't forget to set a duration! */
}

@keyframes shine {
  from {left: -500px;}
  to {left: 655px;}
}
@keyframes shinet {
    to {
      background-position: 200% center;
    }
}


/* Dispositivos grandes (desktops, menos de 1200px) */
@media (max-width: 1199.98px) {
	
}
/* Dispositivos grandes (desktops, menos de 1200px) */
@media (max-width: 991.98px) {

}
/* Dispositivos pequenos (telefones horizontais, menos de 768px) */
@media (max-width: 767.98px) {
	#menu-nav {display:none;}
}
@media (max-width: 425px) {
	body#board .st {padding-top:50px !important;}
}