beautification of index

index.php

@@ -5,6 +5,7 @@
   body {font-family: "Old Standard TT"; font-size: 20px; line-height: 1.4; letter-spacing: 1px;}
   section {margin-bottom: 50px;margin-top: 50px;}
   a {font-weight: bold; font-size: 24px; text-decoration: none; }
+  .internet {font-weight: regular; font-size: 18px; text-decoration: none; }
   .list {
     padding-top: 10px;
     padding-bottom: 10px;
@@ -49,7 +50,6 @@
   background-color: white;
   min-width: 1900px;
   overflow: auto;
-  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 1;
 }
 
@@ -69,7 +69,7 @@
 
 .dropbtn2 {
   font-family: "Old Standard TT";
-  font-weight: bold; 
+  font-weight: regular; 
   font-size: 24px;
   color: black;
   padding: 16px;
@@ -90,9 +90,8 @@
   display: none;
   position: absolute;
   background-color: white;
-  min-width: 1900px;
+  min-width: 1000px;
   overflow: auto;
-  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 1;
 }
 
@@ -151,22 +150,22 @@
   <div class="dropdown2">
   <button onclick="myFunction2()" class="dropbtn2">Internet sources</button>
   <div id="myDropdown2" class="dropdown-content2">
-    <li class="list">
-    <a href="https://www.youtube.com/watch?v=HlvfPizooII" target="_blank">Angela Davis @Occupy Wall St </a>
+    <li style="list-style: none;">
+    <a class="internet" href="https://www.youtube.com/watch?v=HlvfPizooII" target="_blank">Angela Davis @Occupy Wall St </a>
   </li>
-  <li class="list">
-    <a href="https://www.youtube.com/watch?v=JVpoOdz1AKQ&feature=youtu.be" target="_blank">Judith Butler @Occupy Wall Street</a>
+  <li style="list-style: none;">
+    <a class="internet" href="https://www.youtube.com/watch?v=JVpoOdz1AKQ&feature=youtu.be" target="_blank">Judith Butler @Occupy Wall Street</a>
     
   </li>
-  <li class="list">
-    <a href="https://www.youtube.com/watch?v=SirOxIeuNDE" target="_blank">Laurie Anderson - Mach 20</a>
+  <li style="list-style: none;">
+    <a class="internet" href="https://www.youtube.com/watch?v=SirOxIeuNDE" target="_blank">Laurie Anderson - Mach 20</a>
   </li>
-  <li class="list">
-    <a href="https://www.thisamericanlife.org/667/wartime-radio" target="_blank">Ballout, D. (2019) ‘Good Morning, Kafranbel’, This American Life: Wartime Radio</a>
+  <li style="list-style: none;">
+    <a class="internet" href="https://www.thisamericanlife.org/667/wartime-radio" target="_blank">Ballout, D. (2019) ‘Good Morning, Kafranbel’, This American Life: Wartime Radio</a>
     
   </li>
-  <li class="list">
-    <a href="https://www.youtube.com/watch?v=TY96Ma6YdtQ" target="_blank">Vocal performance of Katalin Ladik in the film ‘Berberian Sound Studio’, 2012</a>
+  <li style="list-style: none;">
+    <a class="internet" href="https://www.youtube.com/watch?v=TY96Ma6YdtQ" target="_blank">Vocal performance of Katalin Ladik in the film ‘Berberian Sound Studio’, 2012</a>
   </li>
 
   </div>