Small updates

src/app/(root)/posts/page.tsx

@@ -49,11 +49,11 @@ export default async function Posts(): Promise<React.JSX.Element> {
 			{postDetails.map((post) => {
 				return (
 					<div key={post.link} className="sm:max-w-1/2 grow">
-						<div className="card card-border m-2 bg-base-200 shadow-sm">
+						<div className="card card-border m-2 bg-neutral text-neutral-content shadow-md">
 							<div className="card-body">
 								<h1 className="card-title">{post.metadata.title}</h1>
 								<time dateTime={post.metadata.date}>{post.metadata.date}</time>
-								<div className="flex flex-row gap-2">
+								<div className="flex flex-row gap-2 pb-2">
 									{post.metadata.tags.map((tag) => {
 										return (
 											<div key={`${post.link}_${tag}`}>
@@ -64,7 +64,7 @@ export default async function Posts(): Promise<React.JSX.Element> {
 								</div>
 								<p>{post.metadata.blurb}</p>
 								<div className="card-actions justify-end pt-2">
-									<Link className="btn btn-primary" href={post.link}>
+									<Link className="btn btn-primary bg-primary text-primary-content" href={post.link}>
 										Read
 									</Link>
 								</div>

src/app/_components/cv.tsx

@@ -166,9 +166,9 @@ export default function Cv(): React.JSX.Element {
 						while moving between roles.
 					</p>
 				</div>
-				<div className="flex flex-row gap-2 px-2 py-1">
+				<div className="flex flex-row align-middle gap-2 px-2 py-1">
 					<PaperAirplaneIcon className="my-0.5 h-5" />
-					<h2 className="font-medium">Experience</h2>
+					<h2 className="font-semibold text-xl">Experience</h2>
 				</div>
 				<div className="flex flex-col gap-4 py-2">
 					{content.map((expContent) => (