<p><button class="nb-button default"> Click Here </button>
	<button class="nb-button orange"> Click Here </button>
	<button class="nb-button blue"> Click Here </button>
	<button class="nb-button green"> Click Here </button>
</p>
<p>
	<button class="nb-button default rounded"> Click Here </button>
	<button class="nb-button orange rounded"> Click Here </button>
	<button class="nb-button blue rounded"> Click Here </button>
	<button class="nb-button green rounded"> Click Here </button>
</p>

<p><input class="nb-input default" placeholder="Text" />
	<input class="nb-input orange" placeholder="Text" />
	<input class="nb-input blue" placeholder="Password" />
	<input class="nb-input green" placeholder="Email@example.com" />
</p>
<p>
<div class="card">
	<a href="https://example.com">
		<div class="card-thumbnail">
			<img src="https://picsum.photos/seed/picsum/200/120" loading="lazy" alt="Explore NeoBrutalismCSS" class="card-thumbnail" />
		</div>
		<div class="card-content">
			<div class="text-small">October 8, 2023</div>
			<p>
				<strong>Explore NeoBrutalismCSS: A Revolutionary library</strong>
			</p>
			<p>Unveil the future of NeoBrutalism with our groundbreaking approach that will transform your life.</p>
			<p><strong>Learn More -></strong></p>
		</div>
	</a>
</div>
</p>
<p>
<div class="dialog">
	<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima
		officiis officia, nulla commodi repellat modi ab et ea! Excepturi molestiae voluptatibus
		voluptatum</p>
	<p>Not sure how I feel about it</p>
	<div class="button-container">
		<button class="nb-button default">Cancel</button>
		<button class="nb-button green">Save</button>
	</div>
</div>
</p>