Fix various issues

src/about/index.html

@@ -22,14 +22,14 @@
         <h2 class="title">About</h2>
         <section>
             <h2 class="title">About LCS Beacon Blend</h2>
-            <div class="img-container center">
+            <div class="img-container">
                 <img src="../assets/img/coffee1.png" />
             </div>
             <p>Beacon Blend is the coffee shop run by Lighthouse Christian School as a fundraiser. We serve many varieties of coffee with all of your favorite add-ons. All of our profit supports us to go to A.C.E.'s Regional and International Student Conventions. There, we compete in events in categories such as music, platform, athletics, art, photography, and more. The trip to ISC is where most of the money is spent because of the distance. We appreciate all of the support we receive through the coffee shop, and we aim to please all of our customers with the best service and quality we can.</p>
         </section>
         <section>
             <h2 class="title">About Lighthouse Christian School</h2>
-            <div class="img-container center">
+            <div class="img-container">
                 <img src="../assets/img/ace.jpg" />
             </div>
             <p>Lighthouse Christian School is the model school of A.C.E. School of Tomorrow, located in the world headquarters. Although we are a small school, we make up for it with our unique personalities and interests, as well as our competition at convention. We have other fundraisers besides the coffee shop, like bake sales, vending machines, dinner nights, banquets, coupon cards, and more. All of this money helps us to go to RSC and ISC.</p>

src/assets/css/main.css

@@ -73,7 +73,7 @@ nav a:hover {
 body {
     background-color : #ffe4c4;
     color: #222222;
-    font-family: 'Libre Baskerville', s100ans-serif;
+    font-family: 'Libre Baskerville', sans-serif;
     margin: 0;
 }
 
@@ -137,7 +137,7 @@ main {
 }
 
 .top {
-    margin-top: 250px;
+    margin-top: 280px;
 }
 
 section {
@@ -238,6 +238,7 @@ input[type=checkbox]:checked {
 }
 
 #ext {
+    width: 70px;
     -moz-appearance: textfield;
     appearance: textfield;
     width: 70px;
@@ -251,3 +252,19 @@ input[type=checkbox]:checked {
     color: inherit;
     font-weight: bolder;
 }
+
+.img-container {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    width: 50%;
+}
+
+.ul-wrapper {
+    text-align: center;
+}
+
+ul {
+    display: inline-block;
+    text-align: left;
+}

src/assets/js/navhide.js

@@ -11,6 +11,6 @@ function navScroll() {
         h1.style.fontSize = "20px"
     } else {
         nav.classList.remove("hidden");
-        h1.style.fontSize = "2rem"
+        h1.style.fontSize = "3rem"
     }
 }

src/index.html

@@ -29,14 +29,16 @@
         <section>
             <!-- Dates and hours -->
             <h2 class="title">Hours</h2>
-            <span>Monday-Friday mornings: 7:30-8:00</span><br />
+            <span class="center">Monday-Friday mornings: 7:30-8:00</span><br />
-            <span>Monday-Thursday afternoons: 1:00-1:30</span><br /><br />
+            <span class="center">Monday-Thursday afternoons: 1:00-1:30</span><br /><br />
             <h2 class="title">Upcoming dates</h2>
+            <div class="ul-wrapper">
                 <ul>
                     <li>March 25-29</li>
                     <li>April 15-19</li>
                     <li>May 6-10</li>
                 </ul>
+            </div>
             <h2 class="title">Location</h2>
             <span>The coffee shop is located in the break room at A.C.E. School of Tomorrow headquarters. We may open the coffee shop at other locations or during other fundraisers, so keep an eye out here!</span>
         </section>

src/menu/index.html

@@ -25,6 +25,7 @@
         </div>
         <section>
             <h2 class="title">16oz Hot Drinks - $2.50 each</h2>
+            <div class="ul-wrapper">
                 <ul>
                     <li>Espresso (single or double)</li>
                     <li>Latte</li>
@@ -33,6 +34,8 @@
                     <li>Cappucino</li>
                     <li>Hot Chocolate (available sugar-free)</li>
                 </ul>
+            </div>
+            <div class="ul-wrapper">
             <h2 class="title">16oz Cold Drinks - $2.50 each</h2>
                 <ul>
                     <li>Iced Coffee (Espresso and Milk)</li>
@@ -40,10 +43,12 @@
                     <li>Latte</li>
                     <li>Mocha</li>
                 </ul>
+            </div>
             <h2 class="title">All drinks are available with whole or almond milk.</h2>
         </section>
         <section>
             <h2 class="title">Syrups (with sugar)</h2>
+            <div class="ul-wrapper">
                 <ul>
                     <li>Salted Caramel</li>
                     <li>French Vanilla</li>
@@ -52,19 +57,24 @@
                     <li>Pumpkin</li>
                     <li>Peppermint</li>
                 </ul>
+            </div>
             <h2 class="title">Syrups (sugar-free)</h2>
+            <div class="ul-wrapper">
                 <ul>
                     <li>Vanilla</li>
                     <li>Toasted Marshmallow</li>
                 </ul>
+            </div>
         </section>
         <section>
             <h2 class="title">Swirls</h2>
+            <div class="ul-wrapper">
                 <ul>
                     <li>Mocha</li>
                     <li>White Mocha</li>
                     <li>Caramel</li>
                 </ul>
+            </div>
             <h2 class="title">Whipped cream is available as an option for each drink.</h2>
         </section>
         <section class="extrapad">