Fix question and answer outputs' visibilityv0.2.1

1 files changed, 3 insertions, 0 deletions

diff --git a/card.html b/card.html
index 03c61f9..0c55b94 100644
--- a/card.html
+++ b/card.html
@@ -3,6 +3,9 @@ form[name=card] button[name=buzz] { display: none }
 form[name=card].answering button[name=buzz] { display: initial }
 form[name=card] input { display: none }
 form[name=card].answered input { display: initial }
+form[name=card] output { display: none }
+form[name=card]:is(.answering, .answered) output[name=question] { display: initial }
+form[name=card].answered output[name=answer] { display: initial }
 </style>
 
 <form name=card onsubmit="return false">