Switch to relative units

2 files changed, 16 insertions, 15 deletions

diff --git a/css/style.css b/css/style.css
index 21d4e6b..5108bc5 100644
--- a/css/style.css
+++ b/css/style.css
@@ -22,12 +22,12 @@ a:visited {
 }
 
 h1 {
-	font-size: 30px;
+	font-size: 1.5em;
 }
 
 header {
-	width: 800px;
-	padding: 20px 0px 60px 0px;
+	width: 40em;
+	padding: 1em 0 3em 0;
 	display: flex;
 	flex-direction: row;
 	justify-content: space-between;
@@ -52,16 +52,16 @@ header h1 a:hover {
 }
 
 nav a {
-	padding: 2px;
+	padding: 0.1em;
 	transition: all 0.5s;
 }
 
 nav a:hover {
-	font-size: 23px;
+	font-size: 1.15em;
 }
 
 main {
-	width: 800px;
+	width: 40em;
 }
 
 #intro {
@@ -70,11 +70,12 @@ main {
 }
 
 #face {
-	width: 200px;
-	height: 200px;
-	margin-right: 24px;
-	border-radius: 12px;
-	filter: drop-shadow(1px 1px 2px #33333333);
+	width: 10em;
+	height: 10em;
+	margin-right: 1.2em;
+	border-radius: 0.5em;
+	filter: drop-shadow(5px 5px 10px #33333333);
+	/*https://getcssscan.com/css-box-shadow-examples*/
 }
 
 #profile a {
@@ -82,11 +83,11 @@ main {
 }
 
 #profile p {
-	margin-top: 0px;
+	margin-top: 0;
 }
 
 footer {
-	width: 800px;
+	width: 40em;
 	text-align: right;
 }
 
diff --git a/index.html b/index.html
index 1761857..c092377 100644
--- a/index.html
+++ b/index.html
@@ -23,8 +23,8 @@
 		<img id="face" src="assets/compass.jpg"/>
 		<div id="profile">
 			<p> Hello, I'm Justice, and I go by j-james on the Internet. </p>
-			<p> I'm a fourth-year student at <a href="https://www.bisd303.org/bhs">Bainbridge High School</a>, captain of <a href="https://spartronics4915.com">our local FIRST robotics team</a>, and a member of <a href="https://www.bhsultimate.org/">the ultimate frisbee team</a> and <a href="https://www.bihockey.org/">the summer roller hockey league</a> (pre-pandemic). </p>
-			<p> Outside of school, sports, and social life, I enjoy building and contributing to <a href="https://www.gnu.org/philosophy/free-sw.html">free-and-open-source</a> projects. The majority of my work can either be found on my <a href="https://github.com/j-james">GitHub</a> or at <a href="https://git.sr.ht/~j-james">SourceHut</a>. </p>
+			<p> I'm a fourth-year student at <a href="https://www.bisd303.org/bhs">Bainbridge High School</a>, captain of <a href="https://spartronics4915.com">our local FIRST robotics team</a>, and a member of <a href="https://www.bhsultimate.org">the ultimate frisbee team</a> and <a href="https://www.bihockey.org">the summer roller hockey league</a> (pre-pandemic). </p>
+			<p> Outside of school, sports, and social life, I enjoy building and contributing to <a href="https://www.gnu.org/philosophy/free-sw">free-and-open-source</a> projects. The majority of my work can either be found on <a href="https://github.com/j-james">GitHub</a> or at <a href="https://git.sr.ht/~j-james">SourceHut</a>. </p>
 		</div>
 	</div>
 	<div id="details">