/* Custom styles for your website */

/* Body background and text color */
body {
    background-color: #000000; /* Black background */
    color: #ffffff; /* White text */
}


/* Tailwind Overrides for Custom Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
body {
    font-family: 'Roboto', sans-serif;
}

/* jQuery SlideDown Effect */
.slide-down {
    display: none;
}

.slide-down.active {
    display: block;
}

/* Add any other specific custom styles as needed */



#robuxButton {
  transition: all 0.3s ease;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

#robuxButton:active {
  background-color: black;  /* Change background to black when clicked */
  color: white;
  animation: bounce 0.5s ease;
  transform: rotate(-15deg);
}

#robuxButton:hover {
  transform: rotate(0deg);
}

/* Bounce animation */
@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

/* Rotating border color animation */
@keyframes borderRotate {
  0% {
    border-color: blue;
  }
  25% {
    border-color: red;
  }
  50% {
    border-color: green;
  }
  75% {
    border-color: yellow;
  }
  100% {
    border-color: blue;
  }
}

/* Apply rotating border effect */
#robuxButton {
  animation: borderRotate 5s linear infinite;
}