From 40d5a9b2b852a99ee0534c9b787ce1f918eb2860 Mon Sep 17 00:00:00 2001
From: Al-Faris Mujahid AlZakwani
 <107947850+faris-zak@users.noreply.github.com>
Date: Wed, 8 May 2024 06:47:57 +0400
Subject: [PATCH] Add files via upload

---
 JustPapers/behaviour.js |  91 +++++++++++--------
 JustPapers/index.html   | 114 ++++++++++++++++++++++--
 JustPapers/style.css    | 190 ++++++++++++++++++++++++++++++++++++----
 aboStyle.css            |   2 +-
 4 files changed, 335 insertions(+), 62 deletions(-)

diff --git a/JustPapers/behaviour.js b/JustPapers/behaviour.js
index 2c1a08b..95230b7 100644
--- a/JustPapers/behaviour.js
+++ b/JustPapers/behaviour.js
@@ -1,43 +1,60 @@
 function search_section(){
-    let input = document.getElementById('searchbar').value
-    input = input.toLowerCase();
-    let x = document.getElementsByClassName('sections');
-    
-    for (i = 0; i < x.length; i++){
-      if (!x[i].innerHTML.toLowerCase().includes(input)){
-      x[i].style.display = "none";
-      }
-      else{
-      x[i].style.display = "list-item";
-      }
-  }};
+  let input = document.getElementById('searchbar').value
+  input = input.toLowerCase();
+  let x = document.getElementsByClassName('sections');
   
-  
-  function clearField(){
-    document.getElementById('searchbar').value = "";
-  }
-  
-  
-  const searchbar = document.getElementById('searchbar');
-  const clearButton = document.getElementById('clearButton');
-  
-  function updateButtonVisibility() {
-    if (searchbar.value === ""){
-      clearButton.style.opacity = 0;
-      clearButton.style.marginBottom = "0px";
-      searchbar.style.marginBottom = "0px";
+  for (i = 0; i < x.length; i++){
+    if (!x[i].innerHTML.toLowerCase().includes(input)){
+    x[i].style.display = "none";
     }
     else{
-      clearButton.style.opacity = 1;
-      clearButton.style.marginBottom = "50px";
-      searchbar.style.marginBottom = "10px";
+    x[i].style.display = "list-item";
     }
+}};
+
+
+function clearField(){
+  document.getElementById('searchbar').value = "";
+}
+
+
+const searchbar = document.getElementById('searchbar');
+const clearButton = document.getElementById('clearButton');
+
+function updateButtonVisibility() {
+  if (searchbar.value === ""){
+    clearButton.style.opacity = 0;
+    clearButton.style.marginBottom = "0px";
+    searchbar.style.marginBottom = "0px";
   }
-  
-  updateButtonVisibility();
-  
-  searchbar.addEventListener('input', updateButtonVisibility);
-  
-  clearButton.addEventListener('click', function(){
-    location.reload();
-  });
\ No newline at end of file
+  else{
+    clearButton.style.opacity = 1;
+    clearButton.style.marginBottom = "50px";
+    searchbar.style.marginBottom = "10px";
+  }
+}
+
+updateButtonVisibility();
+
+searchbar.addEventListener('input', updateButtonVisibility);
+
+
+const firstChapterButton = document.getElementById('firstChapterButton');
+const secondChapterButton = document.getElementById('secondChapterButton');
+const firstChapter = document.getElementById('firstChapterSection');
+const secondChapter = document.getElementById('secondChapterSection');
+
+
+function showFirstChapter(){
+  firstChapter.style.display="block";
+  secondChapter.style.display="none";
+}
+
+function showSecondChapter(){
+  firstChapter.style.display="block";
+  secondChapter.style.display="none";
+}
+
+firstChapterButton.addEventListener('click', showFirstChapter);
+secondChapterButton.addEventListener('click', showSecondChapter);
+
diff --git a/JustPapers/index.html b/JustPapers/index.html
index 95511ca..81cebe9 100644
--- a/JustPapers/index.html
+++ b/JustPapers/index.html
@@ -12,7 +12,7 @@
         </script> -->
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>JustPapers</title>
+        <title>JustPapers - مجرد ورق</title>
         <link rel="icon" href="Attachments/JustPapers - webicon - transparent.png">
         <link rel="stylesheet" href="style.css">
         <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -30,20 +30,124 @@
                 <div class="aboutSection" id="aboutSection">
                     <div class="aboutSectionDetails">
                         <p class="aboutSectionTitle" title="JustPapers - مجرد ورق"><strong style="color: #948979; direction: rtl;">مجرد ورق</strong> - <strong style="color: #948979; direction: ltr;">JustPapers</strong></p><hr>
-                        <p class="aboutSectionBody"></p>
+                        <p class="aboutSectionBody">مرحبًا بكم في مشروع مجرد ورق! يهدف المشروع إلى توفير مصدر شامل للطلاب يساعدهم على تحسين مهاراتهم وتعزيز معرفتهم في مختلف المواد الدراسية.</p>
                     </div>
                 </div>
 
-                <div class="accessMethodSection">
+                <div class="chaptersSection" id="chaptersSection">
+                    <div class="chaptersSectionDetails">
+                        <button class="firstChapterButton" id="showFirstChapterEleventhGradeButton">الفصل الأول - الحادي عشر</button>
+                        <button class="secondChapterButton" id="showSecondChapterEleventhGradeButton">الفصل الثاني - الحادي عشر</button>
+                    </div>
+                </div>
+
+                <div class="accessMethodSection" id="accessMethodSection">
                     <div class="accessMethodSectionDetails">
-                      <p class="accessMethodSectionTitle">ملفات الصف الحادي عشر - الفصل الأول</p>
+                      <p class="accessMethodSectionTitle">الحادي عشر - الفصل الأول</p>
                       <p class="accessMethodSectionBody">يمكنك الحصول على كتب وأدلة معلم وملخصات هامة وبعض الإختبارات الخاصة بمنهج <strong><a href="https://home.moe.gov.om/" title="https://home.moe.gov.om/">وزارة التربية والتعليم</a></strong>.</p>
                     </div>
                 </div>
 
-                <div class="sectionContainer">
+                <div class="searchBar">
                     <input id="searchbar" onkeyup="search_section();" type="text" name="search" placeholder="إبحث - مثال: فيزياء...">
                     <button class="clearButton" id="clearButton" type="button" onclick="clearField();" title="Search Again">إبحث مره أخرى <i class="fi fi-rr-rotate-right"></i></button>
+                </div>
+
+                <div class="firstChapterSection" id="firstChapterSection">
+                    <ul id='list'>
+                        <li class="sections">
+                            <div class="mathSection" id="math">
+                                <div class="mathSectionDetails">
+                                    <p class="mathSectionTitle" title="Math">الرياضيات</p>
+                                    <ul class="mathSectionList">
+                                        <li><a href="https://drive.google.com/drive/folders/19w6jDW25vXae3hTHA61rAMTzPsxSp7sn?usp=sharing" title="Math Advanced - الرياضيات المتقدمة"><i class="fi fi-rr-calculator-simple"></i> - الرياضيات المتقدمة</a></li>
+                                        <li><a href="https://drive.google.com/drive/folders/1kY5pjTI0UcaGmpxfrOB8IzJKof51qNdk?usp=sharing" title="Math Basic - الرياضيات الأساسية"><i class="fi fi-rr-calculator-simple"></i> - الرياضيات الأساسية</a></li>
+                                    </ul>
+                                </div>
+                            </div>                 
+                        </li>
+
+                        <li class="sections">
+                            <div class="sciencesSection" id="sciences">
+                                <div class="sciencesSectionDetails">
+                                    <p class="sciencesSectionTitle" title="Sciences">العلوم</p>
+                                    <ul class="sciencesSectionList">
+                                        <li><a href="https://drive.google.com/drive/folders/1Fm4HxCfaChVfMkae6f3ryVcg_zdNLtwK?usp=sharing" title="Physics - الفيزياء"><i class="fi fi-rr-physics"></i> - الفيزياء</a></li>
+                                        <li><a href="https://drive.google.com/drive/folders/1l3JjnO8M8AHcqa6Q3K-uhBHc1Si5xaU7?usp=sharing" title="Chemistry - الكيمياء"><i class="fi fi-rr-flask"></i> - الكيمياء</a></li>
+                                        <li><a href="https://drive.google.com/drive/folders/1gN_9Nwn7TVvhrqF7qdSZEYyRjddTOJPJ?usp=sharing" title="Biology - الأحياء"><i class="fi fi-rr-dna"></i> - الأحياء</a></li>
+                                    </ul>
+                                </div>
+                            </div> 
+                        </li>
+
+                        <li class="sections">
+                            <div class="languageSection" id="language">
+                                <div class="languageSectionDetails">
+                                    <p class="languageSectionTitle" title="Language">اللغات</p>
+                                    <ul class="languageSectionList">
+                                        <li><a href="https://drive.google.com/drive/folders/1L5CRnfZyRvMpX-bQiU8Pgp9kq9tb_4Pn?usp=sharing" title="Arabic Language - اللغة العربية"><i class="fi fi-rr-language"></i> - اللغة العربية</a></li>
+                                        <li><a href="https://drive.google.com/drive/folders/1csDZh43N0TsTpm-aLSHvO-FnmXujfSUi?usp=sharing" title="English Language - اللغة الإنجليزية"><i class="fi fi-rr-language"></i> - اللغة الإنجليزية</a></li>
+                                        <li><a href="https://drive.google.com/drive/folders/1xrwXXtMw39k_jB_ADUpwHSSQgFdbDQlx?usp=sharing" title="German Language - اللغة الألمانية"><i class="fi fi-rr-language"></i> - اللغة الألمانية</a></li>
+                                        <li><a href="https://drive.google.com/drive/folders/1hGMHqYWpJZItkYzetUCrEsYfMtT1VnxR?usp=sharing" title="French Language - اللغة الفرنسية"><i class="fi fi-rr-language"></i> - اللغة الفرنسية</a></li>
+                                    </ul>
+                                </div>
+                            </div> 
+                        </li>
+
+                        <li class="sections">
+                            <div class="islamicSection" id="islamic">
+                                <div class="islamicSectionDetails">
+                                    <p class="islamicSectionTitle" title="Islamic">الدين الإسلامي</p>
+                                    <ul class="islamicSectionList">
+                                        <li><a href="https://drive.google.com/drive/folders/1NuMJmv91UtugXbWBwjT2bReM4mHIctW8?usp=sharing" title="Islamic - التربية الإسلامية"><i class="fi fi-rr-kaaba"></i> - التربية الإسلامية</a></li>
+                                        <li><a href="https://drive.google.com/drive/folders/1EpRvua5A88Gfdw9t1j_CJvKPcMihKCS9?usp=sharing" title="Islamic Civilization - الحضارة الإسلامية"><i class="fi fi-rr-mosque"></i> - الحضارة الإسلامية</a></li>
+                                    </ul>
+                                </div>
+                            </div> 
+                        </li>
+
+                        <li class="sections">
+                            <div class="hisAndGeoSection" id="hisAndGeo">
+                                <div class="hisAndGeoSectionDetails">
+                                    <p class="hisAndGeoSectionTitle" title="History and Geography">التاريخ والجغرافيا</p>
+                                    <ul class="hisAndGeoSectionList">
+                                        <li><a href="https://drive.google.com/drive/folders/1S7ciZrI89Sv2r00-B8hRV0t1DHDWuBGs?usp=sharing" title="Hada Watani - هذا وطني"><i class="fi fi-rr-world"></i> - هذا وطني</a></li>
+                                        <li><a href="https://drive.google.com/drive/folders/1_1tS7Vpi7JePdy5ibt3QIML3GRF_6HwE?usp=sharing" title="Economic Geography - الجغرافيا الإقتصادية"><i class="fi fi-rr-cheap-dollar"></i> - الجغرافيا الإقتصادية</a></li>
+                                    </ul>
+                                </div>
+                            </div> 
+                        </li>
+
+                        <li class="sections">
+                            <div class="individualSkillsSection" id="individualSkills">
+                                <div class="individualSkillsSectionDetails">
+                                    <p class="individualSkillsSectionTitle" title="Individual Skills">المهارات الفردية</p>
+                                    <ul class="individualSkillsSectionList">
+                                        <li><a href="https://drive.google.com/drive/folders/1Vg3VMDYxQu3S1TCVpNKnV41I25QxB9wE?usp=sharing" title="School Sport - الرياضة المدرسية"><i class="fi fi-rr-running"></i> - الرياضة المدرسية</a></li>
+                                        <li><a href="https://drive.google.com/drive/folders/167BxcLFfd1MM0rpqYqstEtyJXvP3djWk?usp=sharing" title="Musical Skills - المهارات الموسيقية"><i class="fi fi-rr-music-alt"></i> - المهارات الموسيقية</a></li>
+                                        <li><a href="https://drive.google.com/drive/folders/1A1vlPINOtSxvw2T5KNX9nlA_NncfqeB6?usp=sharing" title="Fine Arts - الفنون التشكيلية"><i class="fi fi-rr-paintbrush-pencil"></i> - الفنون التشكيلية</a></li>
+                                        <li><a href="https://drive.google.com/drive/folders/1wpIcgJbBOz3Fxj18gI6PbGafTvIsdhim?usp=sharing" title="Computers in Communications and Business - الحاسوب في الإتصالات والأعمال التجارية"><i class="fi fi-rr-computer"></i> - الحاسوب في الإتصالات والأعمال التجارية</a></li>
+                                    </ul>
+                                </div>
+                            </div> 
+                        </li>
+
+                        <li class="sections">
+                            <div class="otherAccessoriesSection" id="otherAccessories">
+                                <div class="otherAccessoriesSectionDetails">
+                                    <p class="otherAccessoriesSectionTitle" title="Other Accessories">ملحقات أخرى</p>
+                                    <ul class="otherAccessoriesSectionList">
+                                        <li><a href="https://drive.google.com/drive/folders/1f06siPvULr-ou3bTeYkSLew9u7R28Fyb?usp=sharing" title="Career Path - مسارك المهني"><i class="fi fi-rr-briefcase-arrow-right"></i> - مسارك المهني</a></li>
+                                        <li><a href="https://drive.google.com/drive/folders/1z22fJ9pRuUdsJy3LWn70C5ltqqp7UNwa?usp=sharing" title="StudentGuide (2023-2024) - دليل القبول الموحد"><i class="fi fi-rr-guide-alt"></i> - دليل القبول الموحد (2023 - 2024)</a></li>
+                                    </ul>
+                                </div>
+                            </div> 
+                        </li>
+                    </ul>
+                </div>
+
+                
+                <div class="secondChapterSection" id="secondChapterSection">
                     <ul id='list'>
                         <li class="sections">
                             <div class="mathSection" id="math">
diff --git a/JustPapers/style.css b/JustPapers/style.css
index 2f0609b..2fb1ef7 100644
--- a/JustPapers/style.css
+++ b/JustPapers/style.css
@@ -82,6 +82,31 @@ section div.aboutSection div.aboutSectionDetails p.aboutSectionBody{
     margin-bottom: 0px;
 }
 
+section div.chaptersSection div.chaptersSectionDetails button{
+    cursor: pointer;
+    font-size: 18px;
+    color: #153448;
+    font-weight: 600;
+    text-decoration: none;
+    padding: 6px 12px;
+    border-radius: 5px;
+    margin-bottom: 15px;
+    border: 3px solid #153448;
+}
+
+section div.chaptersSection div.chaptersSectionDetails button:hover{
+    color: #948979;
+    background-color: #153448;
+    border: none;
+}
+
+section div.chaptersSection div.chaptersSectionDetails button:active{
+    color: #DFD0B8;
+    background-color: #3C5B6F;
+    border: none;
+}
+
+
 section div.accessMethodSection{
     width: 100%;
     height: auto;
@@ -104,14 +129,14 @@ section div.accessMethodSection div.accessMethodSectionDetails p.accessMethodSec
     font-weight: 500;
 }
 
-section div.sectionContainer{
+section div.searchBar{
     display: flex;
     flex-direction: column;
     align-items: center;
     margin: 0px;
 }
- 
-section div.sectionContainer input#searchbar{
+
+section div.searchBar input#searchbar{
     padding: 8px;
     border-radius: 5px;
     width: 50%;
@@ -121,14 +146,14 @@ section div.sectionContainer input#searchbar{
     background-color: #f5f5f5;
 }
 
-section div.sectionContainer input#searchbar:focus{
+section div.searchBar input#searchbar:focus{
     border: 3px solid #948979;
     background-color: white;
     padding: 8px;
     font-size: 16px;
 }
 
-section div.sectionContainer button.clearButton{
+section div.searchBar button.clearButton{
     font-size: 16px;
     cursor: pointer;
     color: #153448;
@@ -139,40 +164,167 @@ section div.sectionContainer button.clearButton{
     margin-bottom: 50px;
 }
 
-section div.sectionContainer button.clearButton:hover{
+section div.searchBar button.clearButton:hover{
     padding: 6px 12px;
     border: 2px solid #153448;
-
 }
 
-section div.sectionContainer button.clearButton:active{
+section div.searchBar button.clearButton:active{
     color: #DFD0B8;
     background-color: #153448;
     border: none;
 }
 
-section div.sectionContainer button.clearButton i{
+section div.searchBar button.clearButton i{
     padding-bottom: 0px;
 }
+
+/* firstChapterSection */
+section div.firstChapterSection{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin: 0px;
+}
  
-section div.sectionContainer ul#list{
+section div.firstChapterSection ul#list{
     list-style: none;
     padding: 0;
     margin: 0;
 }
  
-section div.sectionContainer ul#list li.sections{
+section div.firstChapterSection ul#list li.sections{
     font-size: 1.2em;
     padding: 0px;
     animation: fadeIn 0.5s ease-in-out;
 }
  
-section div.sectionContainer ul#list li.sections:last-child{
+section div.firstChapterSection ul#list li.sections:last-child{
     border-bottom: none;
 }
 
+section div.firstChapterSection ul#list 
+li.sections div.mathSection,
+li.sections div.sciencesSection,
+li.sections div.languageSection,
+li.sections div.islamicSection,
+li.sections div.hisAndGeoSection,
+li.sections div.individualSkillsSection,
+li.sections div.otherAccessoriesSection{
+    width: 100%;
+    height: auto;
+    margin-bottom: 50px;
+    background-color: #3C5B6F;
+    position: relative;
+}
+
+section div.firstChapterSection ul#list
+li.sections div.mathSection div.mathSectionDetails,
+li.sections div.sciencesSection div.sciencesSectionDetails,
+li.sections div.languageSection div.languageSectionDetails,
+li.sections div.islamicSection div.islamicSectionDetails,
+li.sections div.hisAndGeoSection div.hisAndGeoSectionDetails,
+li.sections div.individualSkillsSection div.individualSkillsSectionDetails,
+li.sections div.otherAccessoriesSection div.otherAccessoriesSectionDetails{
+    padding: 20px;
+
+}
+
+section div.firstChapterSection ul#list
+li.sections div.mathSection div.mathSectionDetails p.mathSectionTitle,
+li.sections div.sciencesSection div.sciencesSectionDetails p.sciencesSectionTitle,
+li.sections div.languageSection div.languageSectionDetails p.languageSectionTitle,
+li.sections div.islamicSection div.islamicSectionDetails p.islamicSectionTitle,
+li.sections div.hisAndGeoSection div.hisAndGeoSectionDetails p.hisAndGeoSectionTitle,
+li.sections div.individualSkillsSection div.individualSkillsSectionDetails p.individualSkillsSectionTitle,
+li.sections div.otherAccessoriesSection div.otherAccessoriesSectionDetails p.otherAccessoriesSectionTitle{
+    font-size: 26px;
+    color: black;
+    font-weight: 600;
+    margin-top: 0px;
+    margin-bottom: 20px;
+    direction: rtl;
+}
+
+section div.firstChapterSection ul#list
+li.sections div.mathSection div.mathSectionDetails ul.mathSectionList,
+li.sections div.sciencesSection div.sciencesSectionDetails ul.sciencesSectionList,
+li.sections div.languageSection div.languageSectionDetails ul.languageSectionList,
+li.sections div.islamicSection div.islamicSectionDetails ul.islamicSectionList,
+li.sections div.hisAndGeoSection div.hisAndGeoSectionDetails ul.hisAndGeoSectionList,
+li.sections div.individualSkillsSection div.individualSkillsSectionDetails ul.individualSkillsSectionList,
+li.sections div.otherAccessoriesSection div.otherAccessoriesSectionDetails ul.otherAccessoriesSectionList{
+    list-style: none;
+    padding: 0px;
+    direction: rtl;
+    
+    li{
+		margin-left: .75em;
+		margin-right: .75em;
+        margin-bottom: 15px;
+        font-size: 18px;
+	}
+	
+	&:hover{
+		a{
+			color: #153448;
+			&:hover{
+				color: #DFD0B8;
+                font-size: 19px;
+				box-shadow: 0 2px 0 0 currentcolor;
+			}
+		}
+	}
+}
+
+section div.firstChapterSection ul#list
+li.sections div.mathSection div.mathSectionDetails ul.mathSectionList li a,
+li.sections div.sciencesSection div.sciencesSectionDetails ul.sciencesSectionList li a,
+li.sections div.languageSection div.languageSectionDetails ul.languageSectionList li a,
+li.sections div.islamicSection div.islamicSectionDetails ul.islamicSectionList li a,
+li.sections div.hisAndGeoSection div.hisAndGeoSectionDetails ul.hisAndGeoSectionList li a,
+li.sections div.individualSkillsSection div.individualSkillsSectionDetails ul.individualSkillsSectionList li a,
+li.sections div.otherAccessoriesSection div.otherAccessoriesSectionDetails ul.otherAccessoriesSectionList li a{
+    color: #948979;
+}
+
+section div.firstChapterSection ul#list
+li.sections div.mathSection div.mathSectionDetails ul.mathSectionList i,
+li.sections div.sciencesSection div.sciencesSectionDetails ul.sciencesSectionList i,
+li.sections div.languageSection div.languageSectionDetails ul.languageSectionList i,
+li.sections div.islamicSection div.islamicSectionDetails ul.islamicSectionList i,
+li.sections div.hisAndGeoSection div.hisAndGeoSectionDetails ul.hisAndGeoSectionList i,
+li.sections div.individualSkillsSection div.individualSkillsSectionDetails ul.individualSkillsSectionList i,
+li.sections div.otherAccessoriesSection div.otherAccessoriesSectionDetails ul.otherAccessoriesSectionList i{
+    color: #DFD0B8;
+    cursor: default;
+}
+
+/* secondChapterSection */
+section div.secondChapterSection{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin: 0px;
+}
+
+section div.secondChapterSection ul#list{
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+ 
+section div.secondChapterSection ul#list li.sections{
+    font-size: 1.2em;
+    padding: 0px;
+    animation: fadeIn 0.5s ease-in-out;
+}
+ 
+section div.secondChapterSection ul#list li.sections:last-child{
+    border-bottom: none;
+}
 
-section div.sectionContainer ul#list 
+section div.secondChapterSection ul#list 
 li.sections div.mathSection,
 li.sections div.sciencesSection,
 li.sections div.languageSection,
@@ -187,7 +339,7 @@ li.sections div.otherAccessoriesSection{
     position: relative;
 }
 
-section div.sectionContainer ul#list
+section div.secondChapterSection ul#list
 li.sections div.mathSection div.mathSectionDetails,
 li.sections div.sciencesSection div.sciencesSectionDetails,
 li.sections div.languageSection div.languageSectionDetails,
@@ -199,7 +351,7 @@ li.sections div.otherAccessoriesSection div.otherAccessoriesSectionDetails{
 
 }
 
-section div.sectionContainer ul#list
+section div.secondChapterSection ul#list
 li.sections div.mathSection div.mathSectionDetails p.mathSectionTitle,
 li.sections div.sciencesSection div.sciencesSectionDetails p.sciencesSectionTitle,
 li.sections div.languageSection div.languageSectionDetails p.languageSectionTitle,
@@ -215,7 +367,7 @@ li.sections div.otherAccessoriesSection div.otherAccessoriesSectionDetails p.oth
     direction: rtl;
 }
 
-section div.sectionContainer ul#list
+section div.secondChapterSection ul#list
 li.sections div.mathSection div.mathSectionDetails ul.mathSectionList,
 li.sections div.sciencesSection div.sciencesSectionDetails ul.sciencesSectionList,
 li.sections div.languageSection div.languageSectionDetails ul.languageSectionList,
@@ -246,7 +398,7 @@ li.sections div.otherAccessoriesSection div.otherAccessoriesSectionDetails ul.ot
 	}
 }
 
-section div.sectionContainer ul#list
+section div.secondChapterSection ul#list
 li.sections div.mathSection div.mathSectionDetails ul.mathSectionList li a,
 li.sections div.sciencesSection div.sciencesSectionDetails ul.sciencesSectionList li a,
 li.sections div.languageSection div.languageSectionDetails ul.languageSectionList li a,
@@ -257,7 +409,7 @@ li.sections div.otherAccessoriesSection div.otherAccessoriesSectionDetails ul.ot
     color: #948979;
 }
 
-section div.sectionContainer ul#list
+section div.secondChapterSection ul#list
 li.sections div.mathSection div.mathSectionDetails ul.mathSectionList i,
 li.sections div.sciencesSection div.sciencesSectionDetails ul.sciencesSectionList i,
 li.sections div.languageSection div.languageSectionDetails ul.languageSectionList i,
@@ -392,7 +544,7 @@ footer div.supporting a div.mindSyncContainer img:hover{
         width: 250px;
     }
 
-    section div.sectionContainer input#searchbar{
+    section div.searchBar input#searchbar{
         width: 80%;
     }
 
diff --git a/aboStyle.css b/aboStyle.css
index f1df3c1..6cc4da3 100644
--- a/aboStyle.css
+++ b/aboStyle.css
@@ -239,7 +239,7 @@ section div.founderSection div.founderSectionDetails{
 }
 
 section div.founderSection div.founderSectionDetails p.founderSectionBody{
-    font-size: 22px;
+    font-size: 20px;
     color: #14213D;
     font-weight: 500;
 }