added about, updated policies, broke out header and footer, finished up

offering tiles/modals

1 files changed, 91 insertions, 6 deletions

diff --git a/stylesheet.css b/stylesheet.css
index 776f738..77632bb 100644
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -48,6 +48,7 @@ nav a {
   text-align: center;
   text-decoration: none;
   padding: 1em 1em;
+  transition: 0.15s;
 }
 
 nav a:hover {
@@ -75,7 +76,7 @@ h2 {
 section {
   font-size: 1.5em;
   margin: 0;
-  padding: 3em;
+  padding: 1em;
 }
 
 section.quiet {
@@ -90,9 +91,15 @@ a.button {
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   margin-right: 0.5em;
+  margin-bottom: 0.5em;
   text-decoration: none;
   color: white;
   border-radius: 3em;
+  transition: 0.15s;
+}
+button.button:hover,
+a.button:hover {
+  box-shadow: 0 4px 8px 0 lightgray, 0 6px 20px 0 lightgray;
 }
 
 button {
@@ -112,19 +119,22 @@ footer {
   font-size: 1.5em;
 }
 
-footer a {
+footer a,
+section a {
   color: var(--darkteal);
   text-decoration: underline;
 }
 
-form {
+.card {
   background-color: white;
   padding: 2em;
   border-radius: 1em;
+  margin-left: 0;
+  margin-right: 0;
 }
 
-input,
-textarea {
+form input,
+form textarea {
   font-family: "PT Sans", sans-serif;
   margin-bottom: 1.5em;
   box-sizing: border-box;
@@ -133,7 +143,7 @@ textarea {
   padding: 1em;
 }
 
-input {
+form input {
   border-radius: 3em;
 }
 
@@ -141,3 +151,78 @@ textarea {
   border-radius: 1em;
   resize: none;
 }
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+table th {
+  text-align: right;
+  color: var(--darkteal);
+}
+
+table td,
+table th {
+  vertical-align: bottom;
+}
+
+tr:nth-child(even) {
+  background-color: lightgray;
+}
+
+picture img {
+  width: 100%;
+}
+
+.shadowy img {
+  box-shadow: 0 4px 8px 0 dimgray, 0 6px 20px 0 dimgray;
+}
+
+figcaption {
+  text-align: right;
+  color: var(--darkteal);
+  font-family: "Architects Daughter", cursive;
+}
+
+section.flexible {
+  display: flex;
+  flex-direction: column;
+}
+
+#offerings .card {
+  margin: 1em;
+  text-align: center;
+}
+
+#offerings {
+  padding-left: 0;
+  padding-right: 0;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+}
+
+.modal {
+  position: fixed;
+  z-index: 1;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: white;
+  background-color: rgba(1, 1, 1, 0.4);
+  overflow: auto;
+  display: none;
+  font-size: 1.5em;
+}
+
+.modal a {
+  float: right;
+}
+
+:target.modal {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}