1 files changed, 60 insertions, 0 deletions
diff --git a/src/components/shared-styles.js b/src/components/shared-styles.js
new file mode 100644
index 0000000..0c91063
--- /dev/null
+++ b/src/components/shared-styles.js
@@ -0,0 +1,60 @@
+/**
+@license
+Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/
+
+import { html } from '@polymer/lit-element';
+
+export const SharedStyles = html`
+<style>
+  :host {
+    display: block;
+    box-sizing: border-box;
+  }
+
+  section {
+    padding: 24px;
+    background: var(--app-section-odd-color);
+  }
+
+  section > * {
+    max-width: 600px;
+    margin-right: auto;
+    margin-left: auto;
+  }
+
+  section:nth-of-type(even) {
+    background: var(--app-section-even-color);
+  }
+
+  h2 {
+    font-size: 24px;
+    text-align: center;
+    color: var(--app-dark-text-color);
+  }
+
+  @media (min-width: 460px) {
+    h2 {
+      font-size: 36px;
+    }
+  }
+
+  .circle {
+    display: block;
+    width: 64px;
+    height: 64px;
+    margin: 0 auto;
+    text-align: center;
+    border-radius: 50%;
+    background: var(--app-primary-color);
+    color: var(--app-light-text-color);
+    font-size: 30px;
+    line-height: 64px;
+  }
+</style>
+`;