From a8c0278fc98de892281906dff3552b134dfb6413 Mon Sep 17 00:00:00 2001 From: AlmightyMiau Date: Wed, 5 Feb 2025 16:38:56 -0800 Subject: Set #info styles Set background color, font colors, sizes, and weights, and image sizes and borders for the #info section. Also change spacing between specifiers for #top styles. --- styles.css | 24 ++++++++++++++++++++---- 1 file changed, 20 insertions(+), 4 deletions(-) diff --git a/styles.css b/styles.css index 9e20254..31a311b 100644 --- a/styles.css +++ b/styles.css @@ -6,22 +6,19 @@ background-color: #1F2937; color: #F9FAF8; } - #top h1 { font-size: 48px; font-weight: 900; } - +/* Secondary text */ #top a, #top h6 { font-size: 18px; color: #E5E7EB; } - #logo { font-size: 24px; } - #hero img { width: 400px; height: 200px; @@ -30,4 +27,23 @@ button { background-color: #3882F6; color: #F9FAF8; +} + + +#info { + background-color: #FFFFFF; +} +#info h2 { + font-size: 36px; + color: #1F2937; + font-weight: 900; +} +#info h6 { + font-size: 18px; + color: #8f9093; +} +#info img { + border: 4px solid #3882F6; + width: 100px; + height: 100px; } \ No newline at end of file -- cgit v1.2.3