diff --git a/view/src/duepuntozero.css b/view/src/duepuntozero.css
index 28f40b1..28b8cec 100644
--- a/view/src/duepuntozero.css
+++ b/view/src/duepuntozero.css
@@ -4,6 +4,7 @@
 
 #postboxbutton {
 	display: none;
+	margin-left: 10px;
 }
 
 .postbox_button {
@@ -26,11 +27,14 @@ div.preview-postbox {
 	-moz-border-radius: 3px;
 	border-radius: 3px;
 	position: relative;
-	left: 285px;
-	top: -62px;
 	padding: 5px;
-	width: fit-content;
+	width: 100%;
 }
+	div.preview-postbox::after {
+		content: '';
+		display: block;
+		clear: both;
+	}
 
 div.preview-postbox div.pick-postbox {
 	height: 100%;
@@ -65,4 +69,27 @@ div.preview-postbox > button {
 		content: '';
 		display: block;
 		clear: both;
-	}
\ No newline at end of file
+	}
+/* handle patterns and animations */
+div.preview-postbox > button:hover,
+div.preview-postbox > button:focus {
+  position: relative;
+  z-index: 10;
+  transform-origin: center;
+  transform: scale(2);
+}
+
+div.pick-postbox {
+  height: 320px !important;
+  width:  320px !important;;
+  transform-origin: top left;
+  transform: scale(.1);
+}
+div.pick-postbox, div.pick-postbox::before, div.pick-postbox::after {
+  animation-play-state: paused;
+}
+
+div.pick-postbox:hover, div.pick-postbox:hover::before, div.pick-postbox:hover::after,
+button:focus div.pick-postbox, button:focus div.pick-postbox::before, button:focus div.pick-postbox::after {
+  animation-play-state: running;
+}
\ No newline at end of file