diff --git a/index.html b/index.html
index 477aae4..f67a6a8 100644
--- a/index.html
+++ b/index.html
@@ -60,10 +60,11 @@
       <!-- Dropdown menu for semester selection -->
       <form>
         <label for="dropdown">Semester (under construction):</label>
-        <select id="dropdown" name="dropdown">
-          <option value="option1">Fall 2022</option>
-          <option value="option2">Spring 2022</option>
-          <option value="option3">Fall 2021</option>
+        <select id="semester" name="dropdown">
+          <option value="f2022">Fall 2022</option>
+          <option value="s2022">Summer 2022</option>
+          <option value="sp2022">Spring 2022</option>
+          <option value="f2021">Fall 2021</option>
         </select>
         <br><br>
       </form>
diff --git a/main.css b/main.css
index a4494aa..39c075b 100644
--- a/main.css
+++ b/main.css
@@ -14,12 +14,12 @@ main {
 }
 
 main h1 {
-  font-size: 36px;
+  font-size: 24px;
   margin: 0 0 20px 0
 }
 
 main p {
-  font-size: 18px;
+  font-size: 10px;
   line-height: 1.5;
   margin: 0 0 20px 0
 }
@@ -63,11 +63,12 @@ footer p {
   border: 3px solid #f1f1f1;
   margin: 5px auto;
   position: absolute;
+  font-size: small;
   top: 15%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 70%;
-  padding: 20px;
+  padding: 10px;
   text-align: center
 }
 
diff --git a/main.js b/main.js
index 30db7e0..49b745d 100644
--- a/main.js
+++ b/main.js
@@ -15,6 +15,7 @@ async function parseName() {
     let className = document.getElementById('courseName').value;
     let classNum = document.getElementById('courseNum').value;
     let department = document.getElementById('courseField').value.trim();
+    let semester = document.getElementById('semester').value;
     let departments = '';
     await fetch('https://derec4.github.io/ut-grade-data/2022prefixes.json')
     .then(res => res.json())
@@ -32,13 +33,32 @@ async function parseName() {
         return;
     } 
     console.log(department, classNum.toString(), className.trim());
-    await PapaParse(department, classNum.toString(), className.trim());
+    await PapaParse(department, classNum.toString(), className.trim(), semester);
 }
 
-async function PapaParse(department, num, name) {
+async function PapaParse(department, num, name, sem) {
     let cData = '';
-    // await fetch('https://derec4.github.io/UT-Grade-Dist/2022prefixes.json');
-    await fetch('https://derec4.github.io/ut-grade-data/2022%20Fall.json')
+    // console.log(sem);
+    let url = '';
+    switch (sem) {
+        case 'f2022':
+            url = 'https://derec4.github.io/ut-grade-data/2022%20Fall.json';
+            break;
+        case 's2022':
+            url = 'https://derec4.github.io/ut-grade-data/2022%20Fall.json';
+            break;
+        case 'sp2022':
+            // Temp, change when other data sets are added
+            url = 'https://derec4.github.io/ut-grade-data/2022%20Fall.json';
+            break;
+        case 'f2021':
+            url = 'https://derec4.github.io/ut-grade-data/2022%20Fall.json';
+            break;          
+        default:
+            url = 'https://derec4.github.io/ut-grade-data/2022%20Fall.json';
+            break;
+    }
+    await fetch(url)
     .then(res => res.json())
     .then(data => { cData = data; });