Feat: Checkout page redesign (#6)

* Increased padding on input elements

* Increased max layout width from 1500 to 1800

* Address input should take 2 column of space

* Updated order section with new design

* Checkout gets a new layout with sidebar

* Express checkout section

* Increase font size at larger screen width

* Environment example file

* Resolved linting issues

src/lib/components/Input.svelte

@@ -47,8 +47,8 @@
   input {
     border: 2px solid grey;
     border-radius: 0px;
-    padding: 0.5rem;
-    font-size: 1rem;
+    padding: 0.7em;
+    font-size: 1em;
     box-sizing: border-box;
     width: 100%;
 

src/lib/components/StripeCard.svelte

@@ -47,7 +47,7 @@
   @import '../../styles/media-queries.scss';
 
   .card {
-    // padding: 1rem;
+    padding: 0.5rem;
     border: 2px solid black;
 
     @include desktop {