added transparency to accordian css

adhaase · May 8, 2018 · 42f1346 · 42f1346
1 parent 935445f
commit 42f1346
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/css/style.css b/css/style.css
@@ -173,7 +173,8 @@ li {
 
 button.accordion {
   width: 100%;
-  background-color: whitesmoke;
+  background-color: rgb(0, 0, 0, 0.2);
+  color: whitesmoke;
   border: none;
   outline: none;
   text-align: left;
@@ -196,18 +197,16 @@ button.accordion.is-open::after {
 
 button.accordion:hover,
 button.accordion.is-open {
-  background-color: #ddd;
+  background-color: rgb(0, 0, 0, 0.7);
 }
 
 .accordion-content {
   padding: 0px 20px;
-  border-left: 1px solid whitesmoke;
-  border-right: 1px solid whitesmoke;
   max-height: 0px;
   overflow: hidden; /* don't see the content when the accordion is closed */
   transition: max-height 0.2s ease-in-out; /* creates scrolling effect */
-  background-color: whitesmoke;
-  color: black; /* font color - black */
+  background-color: rgb(0, 0, 0, 0.5);
+  color: white; /* font color - black */
 }
 
 /*--------------- FOOTER --------------- */