summary refs log tree commit diff stats
path: root/public/styles.scss
diff options
context:
space:
mode:
Diffstat (limited to 'public/styles.scss')
-rw-r--r--public/styles.scss129
1 files changed, 52 insertions, 77 deletions
diff --git a/public/styles.scss b/public/styles.scss
index 8fe64a1..0b30a70 100644
--- a/public/styles.scss
+++ b/public/styles.scss
@@ -1,77 +1,52 @@
-/* /* --------------------- Open Props --------------------------- */ */
-/**/
-/* /* the props */ */
-/* @import "https://unpkg.com/open-props"; */
-/**/
-/* /* optional imports that use the props */ */
-/* @import "https://unpkg.com/open-props/normalize.min.css"; */
-/* @import "https://unpkg.com/open-props/buttons.min.css"; */
-/**/
-/* /* ------------------------------------------------------------ */ */
-/**/
-/* body { */
-/*   font-family: sans-serif; */
-/*   text-align: center; */
-/* } */
-/**/
-/* .container { */
-/*   display: flex; */
-/*   flex-direction: column; */
-/*   justify-content: space-around; */
-/*   align-items: center; */
-/* } */
-/**/
-/* .container > .container { */
-/*   border-width: 2px; */
-/*   border-style: solid; */
-/*   border-color: gray; */
-/*   border-radius: 30px; */
-/*   margin: 0 20px 20px 0; */
-/* } */
-/**/
-/* .box { */
-/*   background-color: #ffdddddd; */
-/* } */
-/**/
-/* .nav { */
-/*   display: flex; */
-/*   flex-direction: row; */
-/*   justify-content: space-around; */
-/*   align-items: start; */
-/* } */
-/**/
-/* nav > h1 { */
-/*   text-align: start; */
-/*   margin: 0 auto; */
-/*   padding: 0rem; */
-/* } */
-/**/
-/* .buttons { */
-/*   display: flex; */
-/*   justify-content: space-evenly; */
-/* } */
-/**/
-/* h1, */
-/* h2, */
-/* h3, */
-/* h4, */
-/* h5, */
-/* h6 { */
-/*   text-align: center; */
-/*   margin: 0 auto; */
-/*   padding: 2rem; */
-/* } */
-/**/
-/* p, */
-/* button { */
-/*   margin: var(--size-6); */
-/* } */
-/**/
-/* body > picture, */
-/* button { */
-/*   display: block; */
-/*   margin-left: auto; */
-/*   margin-right: auto; */
-/*   text-align: center; */
-/*   margin: 2rem; */
-/* } */
+/* --------------------- Open Props --------------------------- */
+
+/* the props */
+@import "https://unpkg.com/open-props";
+
+/* optional imports that use the props */
+@import "https://unpkg.com/open-props/normalize.min.css";
+@import "https://unpkg.com/open-props/buttons.min.css";
+
+/* ------------------------------------------------------------ */
+
+body {
+  font-family: sans-serif;
+  text-align: center;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  align-items: center;
+}
+
+.buttons {
+  display: flex;
+  justify-content: space-evenly;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-align: center;
+  margin: 0 auto;
+  padding: 2rem;
+}
+
+p,
+button {
+  margin: var(--size-6);
+}
+
+body > picture,
+button {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center;
+  margin: 2rem;
+}