Updated the page style.

style.css

@@ -1,5 +1,7 @@
 html {
     scroll-behavior: smooth;
+    max-width: 900px;
+    margin: auto;
 }
 
 body {
@@ -9,14 +11,29 @@ body {
     padding-bottom: 200px;
 }
 
+img {
+  border-radius: 15px;
+}
+
 h1, h2, h3, h4 {
-    padding-top: 50px;
+    padding-top: 0px;
+    padding-bottom: 10px;
+    text-align: center;
 }
 
 th{
     font-weight: normal;
 }
 
+p {
+  padding-bottom: 10px;
+}
+
+#topbar{
+  display: inline-block;
+  padding: 0 5px;
+}
+
 div#annoucement {
     width: 750px;
 }
@@ -41,13 +58,14 @@ ul#course {
     top: 0; /* Position the navbar at the top of the page */
     left: 0;
     width: 100%; /* Full width */
+    text-align: center;
     font-weight: bold;
 }
 
 /* Links inside the navbar */
 .navbar a {
-    float: left;
-    display: block;
+    /* float: left; */
+    display: inline-block;
     color: #f2f2f2;
     text-align: center;
     padding: 10px 16px;
@@ -72,7 +90,7 @@ hr {
 .notATable {
   display:table;
   list-style:none;
-  padding-left:0;
+  padding-left:5;
 }
 
 .notATable > li 
@@ -96,3 +114,20 @@ hr {
  content: '|';
 }
 
+#shadowbox {
+  border: 0px solid;
+  border-radius: 15px;
+  padding: 10px;
+  box-shadow: 5px 5px 18px #999999;
+}
+
+hr.style-one {
+border: 0;
+height: 1px;
+background: #333;
+background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
+background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
+background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
+background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
+}
+