hovering over button link should do interactive shit now

index.html

@@ -17,6 +17,10 @@
     <link rel="stylesheet" type="text/css" href="stylesheet.css">
     <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
+
+    <!-- Custom Styles -->
+    <link rel="stylesheet" type="text/css" href="css/styles_website.css">
+
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
 
@@ -285,7 +289,7 @@ <h1  style="text-align:center"><name>Mrittika Dey</name></h1>
 
                     <!-- Text and Button Container -->
                     <div style="flex: 3; text-align: left;">
-                        <button style="border: 0; background-color: transparent; outline: none; font-size: larger; text-align: left; display: block; width: 100%; padding: 0; margin: 0;" type="button" data-toggle="collapse" data-target="#project6">
+                        <button style="border: 0; background-color: transparent; outline: none; font-size: larger; text-align: left; display: block; width: 100%; padding: 0; margin: 0;" class="custom-button" type="button" data-toggle="collapse" data-target="#project6">
                             <papertitle><big>Orientation tuning of face processing in human V1</big></papertitle>
                             <p style="margin-top: 5px;">
                                 <a href="http://dx.doi.org/10.13140/RG.2.2.18920.48644" target="_blank">[poster]</a>
@@ -472,3 +476,4 @@ <h1  style="text-align:center"><name>Mrittika Dey</name></h1>
 </body>
 
 </html>
+