added qualifications to bio aside

home/index.css

@@ -55,22 +55,22 @@
     font-size: xx-large;
 }
 
-.languages > span {
+.dropdown > span {
     display: flex;
 }
 
-.languages > span > a > h2 {
+.dropdown > span > a > h2 {
     margin-top: 0.5em;
     margin-left: 0.25em;
 }
 
-.languages > span > a {
+.dropdown > span > a {
     margin: 0;
     text-decoration: 0;
     color: #E5E5E5;
 }
 
-.languages > ul > li {
+.dropdown > ul > li {
     margin-left: 1em;
     font-family: bio;
     list-style: none;
@@ -85,7 +85,7 @@
     src: url(../assets/fonts/RafflesBryantRegular.woff);
 }
 
-.langList{
+.langList {
     display: none;
     pointer-events: none;
 }
@@ -104,6 +104,25 @@
     display: block;
 }
 
+.qualList {
+    display: none;
+    pointer-events: none;
+    margin-top: -1em;
+}
+
+.qualList > li {
+    font-size: larger;
+}
+
+#qualDrop:target .qualList {
+    display: block;
+    pointer-events: all;
+}
+
+#qualDrop:target .close {
+    display: block;
+}
+
 main > h1 {
     color: #E5E5E5;
 }

home/index.html

@@ -57,7 +57,7 @@
                 <p>2024</p>
             </span>
         </section>
-        <section class="generalInfo languages" id="langDrop">
+        <section class="generalInfo dropdown" id="langDrop">
             <span id="lang">
                 <a href="#lang" class="close">X</a>
                 <a href="#langDrop"><h2 class="title">Languages</h2></a>
@@ -65,15 +65,37 @@
             <ul class="langList">
                 <li>HTML5</li>
                 <li>CSS</li>
-                <li>JavaScript (including Node.js)</li>
                 <li>Java</li>
                 <li>C#</li>
                 <li>F#</li>
                 <li>Python</li>
+                <li>MongoDB</li>
+                <li>JavaScript (including Node.js)</li>
             </ul>
         </section>
-        <section class="qualifications">
-
+        <section class="generalInfo dropdown" id="qualDrop">
+            <span id="qual">
+                <a href="#qual" class="close">X</a>
+                <a href="#qualDrop"><h2 class="title">Qualifications</h2></a>
+            </span>
+            <ul class="qualList">
+                <li>A2 Computer Science</li>
+                <li>A2 Mathematics</li>
+                <li>A2 Further Mathematics</li>
+                <li>A2 Physics</li>
+                <li>QCF IT User Skills in Open Systems and Enterprise</li>
+                <li>Cambridge National Creative iMedia</li>
+                <li>GCSE Mathematics</li>
+                <li>GCSE Physics</li>
+                <li>GCSE Chemistry</li>
+                <li>GCSE Biology</li>
+                <li>GCSE English Literature</li>
+                <li>GCSE English Language</li>
+                <li>GCSE Computer Science</li>
+                <li>GCSE Business Studies</li>
+                <li>GCSE Product Design</li>
+                <li>GCSE Religious Studies</li>
+            </ul>
         </section>
     </aside>