💄 Add global.css to static

Author: AnandChowdhary

static/global.css

@@ -0,0 +1,112 @@
+body {
+  font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen,
+    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  font-size: 14px;
+  line-height: 1.5;
+  color: #333;
+  max-width: 56em;
+  padding: 2em;
+  margin: 0 auto;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 0 0 0.5em 0;
+  font-weight: 400;
+  line-height: 1.2;
+}
+
+h1 {
+  font-size: 2em;
+}
+
+a {
+  color: inherit;
+}
+
+code {
+  font-family: menlo, inconsolata, monospace;
+  font-size: calc(1em - 2px);
+  color: #555;
+  background-color: #f0f0f0;
+  padding: 0.2em 0.4em;
+  border-radius: 2px;
+}
+
+@media (min-width: 400px) {
+  body {
+    font-size: 16px;
+  }
+}
+
+.error {
+  background-color: #ffcccc;
+  padding: 1rem;
+  border-radius: 0.2rem;
+}
+
+.big-links {
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0 -1rem;
+  justify-content: space-between;
+}
+.big-links a {
+  border: 0.2rem solid #c7ecee;
+  background-color: #ebfeff;
+  width: 17rem;
+  height: 5rem;
+  margin: 1rem;
+  box-sizing: border-box;
+  border-radius: 0.2rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-decoration: none;
+}
+.big-links a:hover {
+  background-color: #dff9fb;
+}
+.big-links span {
+  text-transform: capitalize;
+}
+
+pre {
+  margin: 0;
+  background-color: #ebfeff;
+  border: 0.2rem solid #c7ecee;
+  padding: 1rem;
+  box-sizing: border-box;
+  border-radius: 0.2rem;
+  overflow-x: auto;
+}
+
+img {
+  max-width: 100%;
+}
+
+.options {
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 2rem;
+}
+.options > * {
+  margin: 0.1rem 0.5rem;
+}
+.options strong {
+  text-transform: uppercase;
+}
+.options a {
+  text-decoration: none;
+}
+.options a.active {
+  font-weight: bold;
+  background-color: #7efff5;
+  vertical-align: middle;
+  padding: 0 0.2rem;
+  border-radius: 0.2rem;
+}