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; + } +}