Make the text below the heading and the prose smaller on mobile devices.

app/(root)/changelogs/[slug]/page.tsx

@@ -76,7 +76,7 @@ const Page = ({ params }: { params: { slug: string } }) => {
 				<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 					{page.title}
 				</h1>
-				<ReactMarkdown className="prose max-w-full prose-lg dark:prose-invert">
+				<ReactMarkdown className="prose max-w-full md:prose-lg dark:prose-invert">
 					{page.content}
 				</ReactMarkdown>
 			</section>

app/(root)/changelogs/page.tsx

@@ -57,7 +57,7 @@ const LogsPage: React.FC = () => {
 			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Server LOGS
 			</h1>
-			<p className="text-lg text-muted-foreground text-start mb-4">
+			<p className="md:text-lg text-muted-foreground text-start mb-4">
 				Get all the latest version of SVRJS download and compiled Files here!
 			</p>
 			{error && <p className="text-red-500">{error}</p>}
@@ -65,7 +65,7 @@ const LogsPage: React.FC = () => {
 			{reversedDownloads.map((download) => (
 				<div
 					key={download._id}
-					className="flex-start prose max-w-full prose-lg dark:prose-invert flex-col"
+					className="flex-start prose max-w-full md:prose-lg dark:prose-invert flex-col"
 				>
 					<h2 className="font-bold text-3xl">{download.version}</h2>
 					<span className="font-medium italic">{download.date}</span>
@@ -76,7 +76,7 @@ const LogsPage: React.FC = () => {
 					</ul>
 				</div>
 			))}
-			<div className="prose max-w-full prose-lg dark:prose-invert">
+			<div className="prose max-w-full md:prose-lg dark:prose-invert">
 				<ReactMarkdown>{CHANGE_LOGS}</ReactMarkdown>
 			</div>
 		</section>

app/(root)/contribute/page.tsx

@@ -15,11 +15,11 @@ const Contribute = () => {
 			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Contributing to SVR.JS
 			</h1>
-			<p className="text-lg text-muted-foreground text-start mb-4">
+			<p className="md:text-lg text-muted-foreground text-start mb-4">
 				We welcome contributions from the community! Here&apos;s how you can
 				help!
 			</p>
-			<div className="prose max-w-full prose-lg dark:prose-invert">
+			<div className="prose max-w-full md:prose-lg dark:prose-invert">
 				<ReactMarkdown>{contribute}</ReactMarkdown>
 			</div>
 		</section>

app/(root)/downloads/page.tsx

@@ -61,7 +61,7 @@ const DownloadPage: React.FC = () => {
       <h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
         Downloads
       </h1>
-      <p className="text-lg text-muted-foreground text-start mb-4">
+      <p className="md:text-lg text-muted-foreground text-start mb-4">
         Get all the latest version of SVRJS download and compiled Files here!
       </p>
       {error && <p className="text-red-500">{error}</p>}

app/(root)/mods/page.tsx

@@ -61,7 +61,7 @@ const ModsPage: React.FC = () => {
       <h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
         SvrJS Mods
       </h1>
-      <p className="text-lg text-muted-foreground text-start mb-4">
+      <p className="md:text-lg text-muted-foreground text-start mb-4">
         Get all the latest version of SVRJS Mods and compiled Files here!{" "}
       </p>
       {error && <p className="text-red-500">{error}</p>}

app/(root)/privacy-policy/page.tsx

@@ -17,10 +17,10 @@ const PrivacyPolicy = () => {
 			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Privacy Policy
 			</h1>
-			<p className="text-lg text-muted-foreground text-start mb-4">
+			<p className="md:text-lg text-muted-foreground text-start mb-4">
 				Effective date: 26.05.2024
 			</p>
-			<div className="prose max-w-full prose-lg dark:prose-invert">
+			<div className="prose max-w-full md:prose-lg dark:prose-invert">
 				<ReactMarkdown>{PRIVACY_POLICY}</ReactMarkdown>
 			</div>
 		</section>

app/(root)/tos/page.tsx

@@ -15,10 +15,10 @@ const TermsOfService = () => {
 			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Terms and Conditions
 			</h1>
-			<p className="text-lg text-muted-foreground text-start mb-4">
+			<p className="md:text-lg text-muted-foreground text-start mb-4">
 				Last updated: 24.04.2024
 			</p>
-			<div className="prose max-w-full prose-lg dark:prose-invert">
+			<div className="prose max-w-full md:prose-lg dark:prose-invert">
 				<ReactMarkdown>{TERMS_AND_CONDITIONS}</ReactMarkdown>
 			</div>
 		</section>

app/(root)/vulnerabilities/page.tsx

@@ -15,14 +15,14 @@ const Vulnerabilities = () => {
 			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				SVR.JS Vulnerabilities
 			</h1>
-			<p className="text-lg text-muted-foreground text-start mb-4">
+			<p className="md:text-lg text-muted-foreground text-start mb-4">
 				Some older versions of SVR.JS are vulnerable to cyberattacks. It&apos;s
 				recommended to update your SVR.JS version to the newest one. If you find
 				a security issue with SVR.JS, report it as soon as possible to
 				vulnerability-reports[at]svrjs[dot]org. We&apos;ll mitigate that
 				vulnerability if it is possible.
 			</p>
-			<div className="prose max-w-full prose-lg dark:prose-invert">
+			<div className="prose max-w-full md:prose-lg dark:prose-invert">
 				<ReactMarkdown>{vulnerabilities}</ReactMarkdown>
 			</div>
 		</section>