From f2bab5862fe8589aa680be3fc4b584aa394c921d Mon Sep 17 00:00:00 2001 From: Jolie Vu <144160854+jolvu@users.noreply.github.com> Date: Mon, 19 Feb 2024 10:54:02 -0800 Subject: [PATCH] Update style.css --- style.css | 59 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 59 insertions(+) diff --git a/style.css b/style.css index e69de29..ae360f7 100644 --- a/style.css +++ b/style.css @@ -0,0 +1,59 @@ +body { + margin: 0; +} + +header { + background-color: #0B1C51; + margin-bottom: 40px; +} + +header h1 { + font-family: "Gochi Hand"; + font-size: 52px; + color: black; + text-align: center; + margin: 0; + padding-top: 20px; +} + +header nav { + display: flex; + justify-content: center; +} + +header nav ul { + display: flex; + padding-left: 0; + list-style: none; +} + +header nav ul li a { + font-family: Montserrat; + color: black; + margin: 0 20px 0 0; +} + +header nav ul li: last-child a { + margin-right: 0; +} + +@media all and (min width: 600px) { + header { + display: flex; + justify-content: space-between; + padding: 0 30px; + } + header h1 { + font-size: 42px; + margin: 14px 0; + padding-top: 6px; + } + + header nav { + margin-top: 14px; + } + + header nav ul li a:hover { + color: #bdbdbd; + } +}