summaryrefslogtreecommitdiff
path: root/stylesheet.css
diff options
context:
space:
mode:
Diffstat (limited to 'stylesheet.css')
-rw-r--r--stylesheet.css238
1 files changed, 0 insertions, 238 deletions
diff --git a/stylesheet.css b/stylesheet.css
deleted file mode 100644
index f879d31..0000000
--- a/stylesheet.css
+++ /dev/null
@@ -1,238 +0,0 @@
-/* Colors */
-:root {
- --darkteal: rgb(0, 100, 108);
- --green: rgb(88, 169, 143);
- --darkerteal: rgb(29, 133, 137);
- --gray: rgb(157, 210, 211);
- --teal: rgb(58, 165, 166);
- --cyan: rgb(156, 210, 210);
- --darkgray: rgb(127, 177, 181);
- --darkgreen: rgb(59, 136, 114);
- --yellow: rgb(186, 214, 187);
-}
-
-/* Elements */
-
-html,
-body {
- margin: 0;
- padding: 0;
- font-family: "PT Sans", sans-serif;
- color: dimgray;
-}
-
-body {
- background-image: url("/assets/bg.png");
-}
-
-.banner {
- font-size: 1em;
- text-align: center;
- padding: 3em;
- background-color: white;
-}
-
-nav {
- display: flex;
- background-color: white;
- flex-direction: column-reverse;
-}
-
-nav img {
- height: 1.4em;
-}
-
-nav a {
- font-family: "PT Sans", sans-serif;
- color: dimgray;
- text-align: center;
- text-decoration: none;
- padding: 1em 1em;
- transition: 0.15s;
-}
-
-nav a:hover {
- color: var(--darkteal);
- background-color: lightgray;
-}
-
-div.buttons {
- display: flex;
- flex-direction: column;
-}
-
-h1 {
- font-size: 3em;
- color: var(--darkteal);
- font-family: "Architects Daughter", cursive;
-}
-
-h2 {
- font-size: 2em;
- color: var(--darkteal);
- font-family: "Indie Flower", cursive;
-}
-
-section {
- font-size: 1.5em;
- margin: 0;
- padding: 1em;
-}
-
-section.quiet {
- background-color: white;
-}
-
-.button img {
- margin-right: 1em;
-}
-
-button.button,
-a.button {
- display: flex;
- align-items: center;
- background-color: var(--teal);
- padding-left: 1em;
- padding-right: 1em;
- 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 {
- font-family: "PT Sans", sans-serif;
- border: none;
- font-size: 0.75em;
-}
-
-a.primary {
- background-color: var(--darkteal);
-}
-
-footer {
- background-color: white;
- text-align: center;
- padding: 3em;
- font-size: 1.5em;
-}
-
-footer a,
-section a {
- color: var(--darkteal);
- text-decoration: underline;
-}
-
-.card {
- font-size: 0.9em;
- background-color: white;
- padding: 2em;
- border-radius: 1em;
- margin-left: 0;
- margin-right: 0;
-}
-
-form input,
-form textarea {
- font-family: "PT Sans", sans-serif;
- margin-bottom: 1.5em;
- box-sizing: border-box;
- width: 100%;
- border: 1px solid lightgray;
- padding: 1em;
-}
-
-form input {
- border-radius: 3em;
-}
-
-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;
-}
-
-#reviews .card,
-#offerings .card {
- margin: 1em;
- text-align: center;
-}
-
-#reviews,
-#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,
-.card a.button {
- float: right;
-}
-
-:target.modal {
- display: flex;
- justify-content: center;
- align-items: center;
-}