From 8e29e09ae2ecc50cc940f2432f0c503be2bfa79c Mon Sep 17 00:00:00 2001
From: TinWoodman92 <chrhodgden@gmail.com>
Date: Tue, 9 Jan 2024 16:37:38 -0600
Subject: added mobile media query

---
 about.html                                |  1 +
 index.html                                |  1 +
 projects_blog/NNetwork.html               |  1 +
 projects_blog/Python-Dialogue-R.html      |  1 +
 projects_blog/Tic-Tac-Toe-ML-Lab-Kit.html |  1 +
 style.css                                 | 25 ++++++++++++++++---------
 6 files changed, 21 insertions(+), 9 deletions(-)
diff --git a/about.html b/about.html
index 13f41b5..365abdb 100644
--- a/about.html
+++ b/about.html
@@ -3,6 +3,7 @@
 
 <head>
 	<title>chrhodgden - About</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<link rel="stylesheet" href="style.css"/>
 	<style>
 		:root {
diff --git a/index.html b/index.html
index 7c8b838..6baf95f 100644
--- a/index.html
+++ b/index.html
@@ -3,6 +3,7 @@
 
 <head>
 	<title>chrhodgden - Home</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<link rel="stylesheet" href="style.css"/>
 </head>
 
diff --git a/projects_blog/NNetwork.html b/projects_blog/NNetwork.html
index d469682..1ad3466 100644
--- a/projects_blog/NNetwork.html
+++ b/projects_blog/NNetwork.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
 	<title>chrhodgden - NNetwork</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<link rel="stylesheet" href="../style.css"/>
 	<style>
 		:root {
diff --git a/projects_blog/Python-Dialogue-R.html b/projects_blog/Python-Dialogue-R.html
index 7d90a90..8bf996e 100644
--- a/projects_blog/Python-Dialogue-R.html
+++ b/projects_blog/Python-Dialogue-R.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
 	<title>chrhodgden - DialogueR</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<link rel="stylesheet" href="../style.css"/>
 	<style>
 		:root {
diff --git a/projects_blog/Tic-Tac-Toe-ML-Lab-Kit.html b/projects_blog/Tic-Tac-Toe-ML-Lab-Kit.html
index f637a4f..2f590b4 100644
--- a/projects_blog/Tic-Tac-Toe-ML-Lab-Kit.html
+++ b/projects_blog/Tic-Tac-Toe-ML-Lab-Kit.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
 	<title>chrhodgden - Tic-Tac-Toe</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<link rel="stylesheet" href="../style.css"/>
 	<style>
 		:root {
diff --git a/style.css b/style.css
index 4975ab5..9c8d2dc 100644
--- a/style.css
+++ b/style.css
@@ -87,20 +87,20 @@ nav {
 }
 
 ul {
-	text-indent: -2em;
-	font-size: 1.25em;
+	text-indent: -2rem;
+	font-size: 1.25rem;
 	font-weight: bold;
 }
 
 ul.projects-blog {
 	color: var(--foreground-theme-color);
-	margin-left: 2em;
-	font-size: 1em;
+	margin-left: 2rem;
+	font-size: 1rem;
 	font-weight: normal;
 }
 
 li {
-	text-indent: 0em;
+	text-indent: 0rem;
 	font-size: 1rem;
 	font-weight: normal;
 }
@@ -133,7 +133,14 @@ a:hover {
 	float: right;
 }
 
-input[type='checkbox'] {
-	border-color: var(--foreground-accent-color);
-	background-color: var(--background-accent-color);
-}
\ No newline at end of file
+@media (max-width: 600px) {
+	html {
+		font-size: 1.5rem; 
+	}
+}
+
+@media (min-width: 601px) {
+	html {
+		font-size: 1rem; 
+	}
+}
-- 
cgit v1.2.3

