alternate tile functionality; move some things around

includes/style.less

@@ -0,0 +1,103 @@
+@background: #fff4d9;
+@text:       #ec6d7d;
+@accent:     #a3c4ef;
+
+* {
+    box-sizing: border-box;
+    color: @text;
+    margin: 0 auto 0.5em auto;
+    text-align: center;
+}
+
+html, body {
+    background-color: @background;
+    background-image: url("background.png");
+    font-size: 3vmin;
+    margin: 0;
+    padding: 0;
+}
+
+button {
+    padding: 1em;
+    white-space: nowrap;
+    width: 100%;
+    
+    &.pagination:not(.normal) {
+        position: absolute;
+        bottom: 5vmin;
+        width: auto;
+        
+        &.prev {
+            left: 5vmin;
+        }
+        
+        &.next, &.start {
+            right: 5vmin;
+        }
+    }
+}
+
+h3 {
+    font-size: 0.9em;
+}
+
+input {
+    width: 100%;
+    text-align: left;
+    
+    &[type="checkbox"] {
+        width: auto;
+        margin-right: 1em;
+        position: relative;
+        top: 0.25em;
+        left: 0.25em;
+    }
+}
+
+img {
+    max-height: 12em;
+    max-width: 100%;
+}
+
+p {
+    font-size: 0.8em;
+    margin: 0 auto 1em auto;
+}
+
+label {
+    font-size: 0.75em;
+    font-weight: bold;
+}
+
+textarea {
+    height: 20em;
+    padding: 0.5em;
+    text-align: left;
+    width: 100%;
+}
+
+.background {
+    background-color: @background;
+    padding: 0.5em;
+    border-radius: 0.5em;
+}
+
+.checkboxes label {
+    margin-right: 1em;
+}
+
+.image-container {
+    height: 38.5vmin;
+    text-align: left;
+}
+
+.page {
+    height: 80vmin;
+    width: 80vmin;
+    
+    background-color: @background;
+    border-radius: 5vmin;
+    box-shadow: @accent 0.5vmin 0.5vmin;
+    padding: 5vmin;
+    position: relative;
+}