From f29db7432e867bcfd8b3cc450bc8239f7c11a9c5 Mon Sep 17 00:00:00 2001
From: Sean Kelliher <sbkelliher@icloud.com>
Date: Fri, 13 Oct 2023 12:07:05 -0400
Subject: [PATCH] Rename index.css to style.css.

---
 index.css | 254 ------------------------------------------------------
 1 file changed, 254 deletions(-)
 delete mode 100644 index.css

diff --git a/index.css b/index.css
deleted file mode 100644
index f10f571..0000000
--- a/index.css
+++ /dev/null
@@ -1,254 +0,0 @@
-body {
-    margin-top: 0;
-}
-
-#container {
-    width: 100%;
-    max-width: 600px;
-    margin: 0 auto;
-    padding: 0;
-    display: flex;
-    flex-flow: row wrap;
-    justify-content: flex-start; /* main axis */
-    align-items: flex-start; /* cross axis */
-}
-
-.date-time {
-    width: 90%;
-    margin: 0;
-    padding: 0 5%;
-    background: #122459; /* dark blue */
-    flex: initial; /* flex: 0 1 auto */
-    position: relative;
-    display: flex;
-    flex-flow: row wrap;
-    justify-content: flex-start; /* main axis */
-    align-items: flex-start; /* cross axis */
-}
-
-.date-time::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    width: 2000px;
-    left: 100%;
-    background: #122459; /* dark blue */
-}
-
-.date-time::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    width: 2000px;
-    right: 100%;
-    background: #122459; /* dark blue */
-}
-
-.date {
-    width: 65%;
-    margin: 0;
-    padding: 0;
-    flex: initial; /* flex: 0 1 auto */
-}
-
-.time {
-    width: 35%;
-    margin: 0;
-    padding: 0;
-    text-align: right;
-    flex: initial; /* flex: 0 1 auto */
-}
-
-header {
-    width: 90%;
-    margin: 0;
-    padding: 0 5%;
-    background: #c9e7f2;  /* light sky blue */
-    flex: initial; /* flex: 0 1 auto */
-    position: relative;
-    text-align: center;
-}
-
-header::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    width: 2000px;
-    left: 100%;
-    background: #c9e7f2;  /* light sky blue */
-}
-
-header::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    width: 2000px;
-    right: 100%;
-    background: #c9e7f2;  /* light sky blue */
-}
-
-.units {
-    width: 90%;
-    margin: 1em 0;
-    padding: 0.5em 5%;
-    flex: initial; /* flex: 0 1 auto */
-    display: flex;
-    flex-flow: row wrap;
-    justify-content: space-evenly; /* main axis */
-    align-items: stretch; /* cross axis */
-}
-
-button {
-    width: 120px;
-    margin: 0;
-    padding: 0;
-    border: none;
-    border-radius: 15px;
-    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-    line-height: 2.5;
-    font-weight: 600;
-}
-
-@media (width >= 300px) {
-    button {
-        font-size: 0.875em; /* 14px */
-    }
-}
-
-@media (width >= 400px) {
-    button {
-        font-size: 0.9375em; /* 15px */
-    }
-}
-
-@media (width >= 500px) {
-    button {
-        font-size: 1em; /* 16px */
-    }
-}
-
-@media (width >= 600px) {
-    button {
-        font-size: 1.0625em; /* 17px */
-    }
-}
-
-button:hover {
-    cursor: pointer;
-}
-
-main {
-    width: 100%;
-    margin: 0;
-    padding: 0;
-    flex: initial; /* flex: 0 1 auto */
-    display: flex;
-    flex-flow: row wrap;
-    justify-content: space-between; /* main axis */
-    align-items: stretch; /* cross axis */
-}
-
-section {
-    flex: initial; /* flex: 0 1 auto */
-    background: #c9e7f2;  /* light sky blue */
-    border-radius: 15px;
-}
-
-@media (width >= 300px) {
-    section {
-        width: 85%;
-        margin: 0 2.5% 1em; /* longhand is 0 2.5% 1em 2.5% */
-        padding: 0.5em 5%;
-    }
-}
-
-@media (width >= 400px) {
-    section {
-        width: 80%;
-        margin: 0 5% 1em; /* longhand is 0 5% 1em 5% */
-        padding: 0.5em 5%;
-    }
-}
-
-@media (width >= 500px) {
-    section {
-        width: 75%;
-        margin: 0 7.5% 1em; /* longhand is 0 7.5% 1em 7.5% */
-        padding: 0.5em 5%;
-    }
-}
-
-@media (width >= 600px) {
-    section {
-        width: 70%;
-        margin: 0 10% 1em; /* longhand is 0 10% 1em 10% */
-        padding: 0.5em 5%;
-    }
-}
-
-/* Fonts */
-p {
-    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-    line-height: 1.5;
-    font-weight: 400;
-}
-
-h1 {
-    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-    line-height: 1.5;
-}
-
-.lite-txt {
-    color: #fff;
-    margin-top: 0.5em;
-    margin-bottom: 0.5em;
-}
-
-.emphasis {
-    color: #122459; /* dark blue */
-    font-weight: 500;
-}
-
-@media (width >= 300px) {
-    p {
-        font-size: 0.875em; /* 14px */
-    }
-
-    h1 {
-        font-size: 1em; /* 16px */
-    }
-}
-
-@media (width >= 400px) {
-    p {
-        font-size: 0.9375em; /* 15px */
-    }
-
-    h1 {
-        font-size: 1.0625em; /* 17px */
-    }
-}
-
-@media (width >= 500px) {
-    p {
-        font-size: 1em; /* 16px */
-    }
-
-    h1 {
-        font-size: 1.125em; /* 18px */
-    }
-}
-
-@media (width >= 600px) {
-    p {
-        font-size: 1.0625em; /* 17px */
-    }
-
-    h1 {
-        font-size: 1.1875em; /* 19px */
-    }
-}