_sass/scss/_reusable.scss in bubblin-jekyll-1.1.3 vs _sass/scss/_reusable.scss in bubblin-jekyll-1.1.4

@@ -22,10 +22,11 @@
     -webkit-backface-visibility: hidden;
 }
 
 body {
     color: rgba(0, 0, 0, 0.85);
+    background: aliceblue;
     margin: 0;
     font-family: 'EB Garamond', serif;
     font-smooth: always;
     -webkit-font-smoothing: subpixel-antialiased;
     text-rendering: optimizelegibility;
@@ -33,10 +34,11 @@
     font-display: optional;
     -moz-osx-font-smoothing: grayscale;
     -webkit-osx-font-smoothing: antialiased;
 }
 
+
 /* Anchors */
 
 a {
     color: #1177FF;
     text-decoration: none;
@@ -200,27 +202,27 @@
 input:-webkit-autofill {
     -webkit-box-shadow: 0 0 1000px #FBFBFB inset;
 }
 
 ::-webkit-input-placeholder {
-    color: #555;
-    font-size: 15px;
+    color: #05f !important;
+    font-size: 13px;
 }
 
 :-moz-placeholder {
-    color: #555;
-    font-size: 15px;
+    color: #05f;
+    font-size: 13px;
 }
 
 ::-moz-placeholder {
-    color: #555;
-    font-size: 14px;
+    color: #05f;
+    font-size: 13px;
 }
 
 :-ms-input-placeholder {
-    color: #555;
-    font-size: 14px;
+    color: #05f;
+    font-size: 13px;
 }
 
 table {
     border-collapse: collapse;
     border-spacing: 0;
@@ -234,13 +236,18 @@
 
 
 /* Element Positioning */
 
 .container {
-    margin-top: 90px;
+    margin: 44px 0 0 0;
+    background: white;
 }
 
+.wrapper {
+    margin: 0 auto;
+}
+
 .left {
     float: left;
     left: 0;
 }
 
@@ -454,13 +461,11 @@
         }
         .align {
             margin: 0 auto;
             text-align: center;
         }
-        .wrapper {
-            width: 90vw;
-        }
+
     }
 }
 
 @media (orientation: landscape) {
     body {
@@ -486,11 +491,12 @@
             width: 90%;
         }
         .align {
             margin: 0 0;
         }
-        .wrapper {
-            width: 60vw;
+        .container {
+            width: calc(100vw - 208px);
+            margin-left: 208px;
         }
     }
 }
 
 @media print,
\ No newline at end of file