FAQs hover addition PR( #168 )

Added the feature of see faq answer on hover

django-web-app/static/css/faqs.css

@@ -37,6 +37,11 @@
   letter-spacing: 0.7px;
   line-height: 24px;
 }
+
+.faq:hover{
+  box-shadow: 0 0 25px gray;
+
+}
 .faq-question {
   padding: 0.5rem;
   display: flex;
@@ -54,10 +59,23 @@
 
 .faq-answer {
   border-radius: 10px;
+  padding: 0px 1.5rem;
   max-height: 0;
+  display: none;
   overflow: hidden;
-  transition: max-height 0.3s ease-in-out;
+  transition: all 1s ease-in-out;
+}
+
+.faq:hover .faq-answer{
+  padding: 1.5rem;
+  max-height: 200px;
+}
+
+.faq:hover .faq-button{
+  transform: rotate(0deg);
 }
+
+
 .faq-ques-text {
   text-align: center;
 }