I think I have a good padding now?

public/lunar.js

@@ -0,0 +1,3 @@
+import * as Moon from 'lunarphase-js';
+
+const phase = Moon.getLunarPhase();

public/style.css

@@ -0,0 +1 @@
+@import url("https://cdn.jsdelivr.net/npm/@xz/fonts@1/serve/cascadia-code.min.css");.container{margin:auto;width:75%;padding:12%}body{background-image:url("siteBackground.png");color:#d9d7d6;font-family:'Cascadia Code', sans-serif;font-size:100%}body{outline-style:solid;outline-width:2px;outline-color:#8CD7AA;outline-offset:-50px;padding:0 0.7em 0}hr{border-top:2px solid #DF5B61;border-radius:2px}li{list-style-type:"\03BB";list-style-position:outside;color:#78B892;padding-left:10px}img{height:20%;width:20%}div{width:50%}a{font-size:100%}a:link{color:#E9967E}a:visited{color:#BC83E3}a:hover{color:hotpink}a:active{color:blue}.title{font-size:170%}

sass/style.scss

@@ -3,7 +3,7 @@
 .container {
     margin: auto;
     width: 75%;
-    padding: 10%;
+    padding: 12%;
 }
 
 body {
@@ -11,6 +11,7 @@ body {
     background-image: url('siteBackground.png');
     color: #d9d7d6;
     font-family: 'Cascadia Code', sans-serif;
+    font-size: 100%;
 }
 
 //outline of main area
@@ -18,7 +19,9 @@ body {
   outline-style: solid;
   outline-width: 2px;
   outline-color: #8CD7AA;
-  outline-offset: -100px;
+  outline-offset: -50px;
+  padding: 0 0.7em 0;
+  //padding: 10%;
 }
 
 hr {
@@ -27,8 +30,10 @@ hr {
 }
 
 li {
-  list-style-type: "\1F7D5";
+  list-style-type: "\03BB";
+  list-style-position: outside;
   color: #78B892;
+  padding-left: 10px;
   //font-size: 17px;
 }
 
@@ -38,6 +43,10 @@ img {
 }
 div {width: 50%;}
 
+a {
+  font-size: 100%;
+}
+
  /* unvisited link */
 a:link {
   color: #E9967E;
@@ -57,3 +66,8 @@ a:hover {
 a:active {
   color: blue;
 }
+
+.title {
+  font-size: 170%;
+  //padding: 1px 0.5em 1px;  
+}