Prepare states for FAQ

sass/style.scss

@@ -172,6 +172,9 @@ section {
 		padding: 2em;
 		cursor: pointer;
 
+		background-color: inherit;
+		transition: all .5s ease;
+
 		// Hide bottom border.
 		// It is -2px to avoid float rounding errors
 		// which cause the border to appear in some widths.
@@ -192,10 +195,14 @@ section {
 
 		&.active {
 			background-color: $col-accent;
-			border-radius: 2rem;
 			z-index: 1;
 
 			&:before { border: 0 }
+
+			.answer {
+				height: auto;
+				margin-top: 1em;
+			}
 		}
 
 		.mark {
@@ -203,9 +210,14 @@ section {
 		}
 
 		.question {
-			margin-bottom: 1em;
 			font-size: 1.138rem;
 		}
+
+		.answer {
+			height: 0;
+			overflow: hidden;
+			transition: all .5s ease;
+		}
 	}
 }