body {
	> header {
		@apply bg-base-200;

		navbar {
			@apply w-full;

			.logo {
				@apply my-4;
				@apply xl:h-16;
				@apply 2xl:h-20;
				@apply font-serif;
				@apply text-lg;
				@apply lg:text-xl;
				@apply xl:text-2xl;
				@apply dark:bg-white/90;

				img {
					@apply w-auto;
					@apply max-h-full;
				}
			}

			.navbar-start {
				@apply w-auto;

				label {
					@apply btn;
					@apply btn-ghost;
					@apply lg:hidden;
				}
			}

			.navbar-end {
				@apply w-auto;
				@apply ml-auto;

				.menu {
					@apply justify-end;
				}
			}

			li {
				a {
					@apply text-lg;
					@apply lg:text-xl;
				}
			}
		}
	}
}

.pagination {
	@apply my-4;
	@apply text-center;

	ul {
		@apply join;
	}

	li {
		@apply join-item;
		@apply btn;

		&.active {
			@apply btn-primary;
		}

		&.disabled {
			@apply btn-disabled;
		}
	}
}