diff --git a/src/assets/css/index.scss b/src/assets/css/index.scss
index eb8a41a..d0cf81a 100644
--- a/src/assets/css/index.scss
+++ b/src/assets/css/index.scss
@@ -102,23 +102,23 @@ main {
 h1 {
   color: var(--text-color-secondary);
   font-style: normal;
-  font-size: 3em;
+  font-size: 3rem;
   font-weight: 700;
 }
 
 h2 {
   color: var(--text-color-secondary);
-  font-size: 1.7em;
+  font-size: 1.8rem;
   font-style: normal;
   font-weight: 700;
-  letter-spacing: .02em;
-  line-height: 1.7em;
-  margin-top: 0;
+  letter-spacing: .02rem;
+  line-height: 1.7rem;
 }
 
 p {
-  line-height: 1.5;
-  margin: 1.5em 0;
+  font-size: 1.125rem;
+  line-height: 1.5rem;
+  margin: 1.5rem 0;
 }
 
 li {
@@ -179,7 +179,7 @@ figure img {
 
 figure figcaption {
   margin-top: 6px;
-  font-size: 0.8125em; /* 13px /16 */
+  font-size: 0.8125rem; /* 13px /16 */
   color: var(--text-color-sub);
 }
 
@@ -248,7 +248,7 @@ figure figcaption {
   color: var(--text-color);
   background: var(--text-color-tertiary);
   padding: 4px;
-  font-size: 0.8125em; /* 13px /16 */
+  font-size: 0.8125rem; /* 13px /16 */
   border-radius: 5px;
   text-decoration: none;
 }
@@ -264,7 +264,7 @@ figure figcaption {
 .post-list time,
 .post-metadata time {
   margin-right: 1em;
-  font-size: 0.8125em; /* 13px /16 */
+  font-size: 0.8125rem; /* 13px /16 */
   color: var(--text-color-sub);
 }
 .post-metadata li:first-child {
@@ -310,7 +310,7 @@ a[href].direct-link:focus,
   display: flex;
   flex: 0 20%;
   flex-direction: column;
-  font-size: 1em;
+  font-size: 1rem;
   line-height: 1.5em;
 }
 
@@ -321,11 +321,11 @@ a[href].direct-link:focus,
 
 .footer-contact-title {
   color: var(--background-color);
-  font-size: 1.2em;
+  font-size: 1.2rem;
   font-style: normal;
   font-weight: 700;
-  letter-spacing: .04em;
-  line-height: 1.7em;
+  letter-spacing: .04rem;
+  line-height: 1.7rem;
   text-transform: uppercase;
 }