diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 7f62e658..7f7908ca 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -558,3 +558,31 @@ $bezier: cubic-bezier(0.75, 0, 0.25, 1);
     }
   }
 }
+// details styles
+
+.details summary {
+  list-style: none;
+  cursor: default;
+  position: relative;
+  
+  &::after {
+    content: '▶';
+    font-size: 2rem;
+    position: absolute;
+    left: 97%;
+    bottom: 46%;
+    transform: rotate(55deg);
+    color: $magenta
+  }
+  
+  &:focus {
+  background-color: #13FEFE;
+  color: black
+  }
+ }
+ 
+.details[open] > summary::after {
+   transform: rotate(90deg) translatey(-0.1em);
+   color: $magenta
+ }
+ 
\ No newline at end of file