styles markup

Gabe-Codes · Nov 24, 2020 · 18d5020 · 18d5020
1 parent d918c11
commit 18d5020
Showing 1 changed file with 46 additions and 0 deletions.
diff --git a/src/index.css b/src/index.css
@@ -30,6 +30,7 @@ main {
 }
 
 .search-box {
+	width: 100%;
 	margin: 0 0 75px;
 }
 
@@ -58,3 +59,48 @@ main {
 .search-box .search-bar:focus {
 	background-color: rgba(255, 255, 255, 0.75);
 }
+
+.location-box .location {
+	color: #fff;
+	font-size: 32px;
+	font-weight: 500;
+	text-align: center;
+	text-shadow: 3px 3px rgba(50, 50, 70, 0.5);
+}
+
+.location-box .date {
+	color: #fff;
+	font-size: 18px;
+	font-weight: 300;
+	font-style: italic;
+	text-align: center;
+}
+
+.weather-box {
+	text-align: center;
+}
+
+.weather-box .temp {
+	position: relative;
+	display: inline-block;
+	margin: 30px auto;
+	background-color: rgba(255, 255, 255, 0.2);
+	border-radius: 16px;
+
+	padding: 15px 25px;
+
+	color: #fff;
+	font-size: 102px;
+	font-weight: 900;
+
+	text-shadow: 3px 6px rgba(50, 50, 70, 0.5);
+	text-align: center;
+	box-shadow: 3px 6px rgba(0, 0, 0, 0.2);
+}
+
+.weather-box .weather {
+	color: #fff;
+	font-size: 48px;
+	font-weight: 700;
+	text-shadow: 3px 3px rgba(50, 50, 70, 0.5);
+}