@import "tailwindcss";

@layer components {
    .btn {
      border-radius: 0.5rem;
      transition: all 0.5s ease-out;
      padding: 0.25rem 1rem;
      color: rgb(34, 34, 34);
    }
    .btn:hover {
      color: white;
      background-color: #0c73a3;
    }
}

html.dark {
  background-color: #191b27;
  color: #fff;
}

.dark .items-center a {
  color: #fff;
}

.dark .items-center a:hover{
  color: #191b27;
}