applying hover effect to only titles

index.html

@@ -289,8 +289,8 @@ <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;" class="custom-button" type="button" data-toggle="collapse" data-target="#project6">
-                            <papertitle><big>Orientation tuning of face processing in human V1</big></papertitle>
+                        <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">
+                            <papertitle class="hover-effect"><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>
                             </p>