update

geographyclub · Apr 2, 2024 · 1e235cd · 1e235cd
1 parent 9e060bb
commit 1e235cd
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -24,7 +24,7 @@
 <div class="container">
 <!--  <div class="border-container"><div class="color-block"></div><div class="color-block"></div><div class="color-block"></div></div>-->
   <div id="banner">
-	<h1 class="title">US<br>STATE<br>RANKER</h1>
+	<h1 class="title">US</h1><h1 class="title">STATE</h1><h1 class="title">RANKER</h1>
     <p style="font-weight:300;">Data from <a href="https://data.census.gov/" target="_blank">US Census</a></p>
   </div>
   <div id="matchingResultsDiv"></div>

diff --git a/style.css b/style.css
@@ -63,5 +63,7 @@ hr {border:none; height:1px; background-color:#aaa; margin:5px auto; padding:0;
 #banner { background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,200)), url('img/chicago_streets.png'); background-size: cover; height:100px; padding:20px 5% 20px 5%; width:100%; margin:50px auto 20px auto; color:#333; text-align:left;}
 #banner p {color:#333; font-size:12px; font-weight:300; margin-top:2px;}
 #banner a {color:#333; text-decoration:underline;}
-.title{color:#333; font-family:'Montserrat'; font-size:20px; font-weight:900; letter-spacing:-1px; line-height:0.8; opacity:1;}
+.title { font-family: 'Montserrat'; font-size: 35px; font-weight: 900; letter-spacing: -5px; line-height: 0.8; opacity: 1; background: linear-gradient(to bottom, black 70%, white 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
+
+