.navbar {
	padding: 1rem 0 0 0;
	gap: .4rem;
	flex-wrap: wrap;

	&-right {
		float: right;

		a {
			padding: 0;
		}
	}

	div.theme-button {
		float: right;
		padding: 0 0 0 1em;

		button {
			cursor: pointer;
			border: none;
			background: transparent;
		}
	}
}

.dark .theme-button.dark,
.theme-button.light {
	display: none
}

.dark .theme-button.light {
	display: block
}

@media (max-width: 650px) {
	.navbar {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;

		&-right {
			float: center;
		}

		.theme-button {
			float: center;
		}
	}
}