update readme

README.md

@@ -7,7 +7,7 @@ is to have a homepage for your browser that is functional and sexy.
 
 To go to a site, enter the corresponding key. To view the available sites and
 their keys, press `?`. If your input doesn’t match any of the keys, a
-generic Google search will be triggered. For example:
+generic Google search will be triggered.
 
 - Entering `t` would redirect you to [twitter.com](https://twitter.com/home).
 - Entering `u` would redirect you to
@@ -17,8 +17,8 @@ generic Google search will be triggered. For example:
 
 ### Searching
 
-You can search a site by typing a single quote after the site’s key,
+Search a site by typing a single quote after the site’s key, followed by
-followed by your query. For example:
+your query.
 
 - Entering `g'tilde` would
   [search GitHub for tilde](https://github.com/search?q=tilde).
@@ -27,9 +27,8 @@ followed by your query. For example:
 
 ### Specific Paths
 
-You can go to a specific path on a site by typing a forward slash after the
+Go to a specific location on a site by typing a forward slash after the
-site’s key, followed by the location on the site you’d like to be
+site’s key, followed by a path.
-redirected to. For example:
 
 - Entering `r/r/startpages` would redirect you to
   [www.reddit.com/r/startpages](https://www.reddit.com/r/startpages)
@@ -38,20 +37,19 @@ redirected to. For example:
 
 ### Specific Sites
 
-If you enter in a full domain or URL, you will be redirected to said domain or
+Enter a full domain or URL to be redirected to said domain or URL.
-URL. For example:
 
 - Entering `stallman.org` would redirect you to
   [stallman.org](https://stallman.org/).
 - Entering `https://smile.amazon.com` would redirect you to
   [smile.amazon.com](https://smile.amazon.com/).
 
-## Configuration
+### Beyond
 
-The above is just the beginning. Open up the [index.html](index.html) file and
+The above is just the beginning… Open up the [index.html](index.html)
-make it yours!
+file and make it yours!
 
 ## License
 
-You can use and modify Tilde
+Feel free to use and modify Tilde
 [however you like](https://github.com/cadejscroggins/tilde/blob/master/LICENSE).

index.html

@@ -361,7 +361,6 @@
     --search-background: #000;
     --search-foreground: #efefef;
     --search-highlight-background: hsla(0, 0%, 100%, 0.1);
-
     --command-color-alpha: 0.9;
     --command-color-gradient: 45deg;
     --command-color-lightness: 50%;
@@ -374,7 +373,7 @@
       Lucida Console, monospace;
 
     --base-font-size: 16px;
-    --clock-font-size: 4rem;
+    --clock-font-size: 2rem;
     --search-input-font-size: 2rem;
 
     --font-weight-black: 900;
@@ -391,6 +390,12 @@
     --search-suggestions-align-items: flex-start;
   }
 
+  @media (min-width: 400px) {
+    :root {
+      --clock-font-size: 4rem;
+    }
+  }
+
   @media (min-width: 650px) {
     :root {
       --clock-font-size: 6rem;
@@ -518,7 +523,7 @@
   }
 
   .categories {
-    padding: 3rem;
+    padding: 3rem 0;
     columns: var(--help-category-columns);
   }