diff --git a/web/src/css/transitions.css b/web/src/css/transitions.css
index 12f5002..3b2d5a3 100644
--- a/web/src/css/transitions.css
+++ b/web/src/css/transitions.css
@@ -9,6 +9,33 @@
 
 
 
+/* Transition for modal card appearing disappearing */
+.top-slide-enter-active {
+	animation: top-slide-in 1s;
+}
+.top-slide-leave-active { animation: top-slide-out 1s; }
+
+@keyframes top-slide-in {
+	0% {
+		transform: translateY(-100%);
+	}
+	100% {
+		transform: translateY(0);
+	}
+}
+
+@keyframes top-slide-out {
+	0% {
+		transform: translateY(0);
+	}
+	100% {
+		transform: translateY(-100%);
+	}
+}
+
+
+
+/* Transition for past questions expanding in */
 .expand-from-left-enter-active {
 	animation: expand-from-left 1s;
 	transform-origin: left;
@@ -61,7 +88,6 @@
 }
 
 
-
 @media only screen and (min-width: 768px) {
 	@keyframes burst-in {
 		0% {