From c0aacaa884e56138eae8580ae16b1c6f68ebdf38 Mon Sep 17 00:00:00 2001
From: sarah-svg <kjskillen@gmail.com>
Date: Tue, 1 Mar 2022 14:49:35 -0800
Subject: [PATCH] updated style sheet

---
 index.html        |  8 ++------
 styles/global.css | 45 ---------------------------------------------
 styles/reset.css  | 38 --------------------------------------
 styles/style.css  |  4 +++-
 4 files changed, 5 insertions(+), 90 deletions(-)
 delete mode 100644 styles/global.css
 delete mode 100644 styles/reset.css

diff --git a/index.html b/index.html
index a89f481..fffdf16 100644
--- a/index.html
+++ b/index.html
@@ -4,13 +4,9 @@
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-        <link
-            href="https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300&display=swap"
-            rel="stylesheet"
-        />
+
         <link rel="stylesheet" href="./styles/style.css" />
-        <link rel="stylesheet" href="./styles/reset.css" />
-        <link rel="stylesheet" href="./styles/global.css" />
+       
 
         <title>Cool Web</title>
     </head>
diff --git a/styles/global.css b/styles/global.css
deleted file mode 100644
index 3308abe..0000000
--- a/styles/global.css
+++ /dev/null
@@ -1,45 +0,0 @@
-
-:root {
-    --primary-background: #FFFFF4;
-    --chrome-background: #e3b574;
-    --chrome-background-opaque: #e3b574d1;
-    --secondary-background: #C9B39B;
-    --text-color: #32363F;
-    --accent-light: #ED8F11;
-    --accent-dark: #C27A18;
-    
-    --gutter: 30px;
-}
-
-body {
-    /* style */
-    font-family: 'Titillium Web', sans-serif;
-    background-color: var(--primary-background);
-    color: var(--text-color);
-
-    /* layout */
-    display: grid;
-    grid-template-rows: 80px 1fr auto;
-
-}
-
-
-
-header {
-    display: flex;
-    justify-content: flex-start;
-    background-color: var(--chrome-background);
-    box-shadow: 0px 10px 20px -12px rgba(0,0,0,0.45);
-    padding: 0 var(--gutter);
-}
-
-main {
-    overflow-y: auto;
-}
-
-
-footer {
-    background-color: var(--chrome-background-opaque);
-    padding: 10px var(--gutter);
-    align-self: stretch;
-}
diff --git a/styles/reset.css b/styles/reset.css
deleted file mode 100644
index 8b5fefc..0000000
--- a/styles/reset.css
+++ /dev/null
@@ -1,38 +0,0 @@
-
-/* adapted from http://meyerweb.com/eric/tools/css/reset/ 
-   v2.0 | 20110126
-   License: none (public domain)
-*/
-
-*{
-    box-sizing: border-box;
-}
-
-html, body {
-    height: 100%;
-    width: 100%;
-}
-
-html, body, div, span, applet, object, iframe, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed, 
-figure, figcaption, footer, header, hgroup, 
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	font-size: 100%;
-	font: inherit;
-	vertical-align: baseline;
-}
-
-ol, ul {
-	list-style: none;
-}
diff --git a/styles/style.css b/styles/style.css
index 4460119..71cf18a 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -1,3 +1,5 @@
+
+@import url('https://fonts.googleapis.com/css2?family=Hubballi&display=swap');
 body {
     /* feel free to update these css variables for a quick theme */
 
@@ -26,7 +28,7 @@ body {
     --gutter: 30px;
     --footer-height: 30px;
 
-    font-family: 'Titillium Web', sans-serif;
+    font-family: 'Hubballi', cursive;;
     background-color: var(--color2);
 }