Update website font size to be more readable

6 files changed, 8 insertions, 41 deletions

diff --git a/assets/scss/web/_base.scss b/assets/scss/web/_base.scss
index 79b386a..a47c7f1 100644
--- a/assets/scss/web/_base.scss
+++ b/assets/scss/web/_base.scss
@@ -19,12 +19,10 @@ body {
   margin: 0 auto;
   float: none;
   line-height: 1.5;
-  font-size: 16px;
+  font-size: 18px;
 
-  @media (max-width: 812px) {
-    @media (orientation: landscape) {
-      font-size: 10px;
-    }
+  @media (max-width: 812px) and (orientation: landscape), (max-width: 375px) {
+    font-size: 16px;
   }
 }
 
@@ -41,7 +39,7 @@ a:link, a:visited, a:hover, a:active {
 }
 
 .section-header {
-  font-size: 1.6rem;
+  font-size: 2.0rem;
   display: flex;
   flex-direction: row;
   margin-bottom: -0.3rem;
diff --git a/assets/scss/web/_education.scss b/assets/scss/web/_education.scss
index 39e769a..fb84547 100644
--- a/assets/scss/web/_education.scss
+++ b/assets/scss/web/_education.scss
@@ -15,7 +15,7 @@
 .education__degree {
   min-width: 100%;
   align-self: center;
-  font-size: 1.1rem;
+  font-size: 1.2rem;
   margin-bottom: 0;
 }
 
@@ -25,11 +25,6 @@
 .education__location {
   min-width: 50%;
   margin: 0;
-  @media (max-width: 812px) {
-    @media (orientation: landscape) {
-      font-size: 0.9rem;
-    }
-  }
 }
 
 .education__university {
diff --git a/assets/scss/web/_header.scss b/assets/scss/web/_header.scss
index 6cd2d93..fb79c3e 100644
--- a/assets/scss/web/_header.scss
+++ b/assets/scss/web/_header.scss
@@ -45,9 +45,7 @@
   display: inline-block;
   margin: 8px;
 
-  @media (max-width: 812px) {
+  @media (max-width: 812px) and (orientation: landscape), (max-width: 375px) {
     font-size: 0.9rem;
-    @media (orientation: landscape) {
-    }
   }
 }
diff --git a/assets/scss/web/_projects.scss b/assets/scss/web/_projects.scss
index 2bd0225..0ea4b29 100644
--- a/assets/scss/web/_projects.scss
+++ b/assets/scss/web/_projects.scss
@@ -9,13 +9,8 @@
 
 .project__title {
   margin-bottom: 0;
-  font-size: 1rem;
+  font-size: 1.3rem;
   font-weight: 900;
-  @media (max-width: 812px) {
-    @media (orientation: landscape) {
-      font-size: 0.7rem;
-    }
-  }
 }
 
 .project__content {
diff --git a/assets/scss/web/_skills.scss b/assets/scss/web/_skills.scss
index 80f1202..be7b4e7 100644
--- a/assets/scss/web/_skills.scss
+++ b/assets/scss/web/_skills.scss
@@ -15,12 +15,6 @@
   text-align: right;
   font-weight: 900;
 
-  @media (max-width: 812px) {
-    @media (orientation: landscape) {
-      font-size: 1rem;
-    }
-  }
-
   @media (max-width: 680px) {
     text-align: left;
   }
@@ -30,13 +24,6 @@
   width: 80%;
   margin-bottom: 0.1rem;
   margin-left: 25px;
-  font-size: 0.9rem;
-
-  @media (max-width: 812px) {
-    @media (orientation: landscape) {
-      font-size: 0.6rem;
-    }
-  }
 
   @media (max-width: 680px) {
     margin-bottom: 1rem;
diff --git a/assets/scss/web/_work.scss b/assets/scss/web/_work.scss
index 682797b..d112468 100644
--- a/assets/scss/web/_work.scss
+++ b/assets/scss/web/_work.scss
@@ -42,7 +42,7 @@
 .job-position__company {
   order: 0;
   margin-bottom: 0;
-  font-size: 1.2rem;
+  font-size: 1.5rem;
 }
 
 .job-position__title {
@@ -98,10 +98,4 @@
 .footnote {
   margin-bottom: 0.8rem;
   font-size: 0.8rem;
-
-  @media (max-width: 812px) {
-    @media (orientation: landscape) {
-      font-size: 0.4rem;
-    }
-  }
 }