diff --git a/css/header.css b/css/header.css index 117b47b..5b2eea2 100644 --- a/css/header.css +++ b/css/header.css @@ -17,14 +17,14 @@ header { #banner #logo { content: ''; height: 10vh; - width: 10vh; + width: 100%; display: inline-block; vertical-align: middle; font-size: 2.5em; font-weight: bold; overflow: hidden; background-image: url('../img/logo.png'); - background-size: 90%; + background-size: 8vh; background-position: center; background-repeat: no-repeat; } @@ -62,7 +62,7 @@ nav#menu { flex-direction: row; flex-wrap: nowrap; justify-content: center; - background-color: rgb(164, 38, 44); + border-bottom: 3px solid rgb(164, 38, 44); box-shadow: 0 28px 79px 0 rgba(66, 129, 121, .27); } @@ -81,18 +81,18 @@ button.menu-item { width: 100%; height: 50px; outline: none; - color: #fff; + color: #000; background-color: transparent; border: none; } button.menu-item:hover { - color: #E0E0E0; + color: #767676; } button.menu-item:active { font-size: 1.4em; - color: #BDBDBD; + color: #9f9f9f; } #dome:before { diff --git a/css/main.css b/css/main.css index a346877..79aa3b5 100644 --- a/css/main.css +++ b/css/main.css @@ -175,6 +175,7 @@ section { flex-flow: row wrap; } + section h1 { font-size: 3.5em; margin-top: 0.5em; diff --git a/css/responsive.css b/css/responsive.css index 0aadcf9..3ea8480 100644 --- a/css/responsive.css +++ b/css/responsive.css @@ -42,9 +42,12 @@ top: 0; position: fixed; box-shadow: 0 28rem 79rem 0 rgba(91, 194, 182, .08), 0 40rem 32rem 0 rgba(0, 0, 0, .04); + border-bottom: 3px solid rgb(164, 38, 44); } #banner #logo { - display: none; + height: 100%; + width: 100%; + background: none; } #menu-toggle { position: absolute; @@ -69,13 +72,14 @@ } button.menu-item:hover { color: #fff; - background-color: rgb(118, 23, 33); + background-color: rgb(164, 38, 44); } button.menu-item:active { font-size: 1.1em; } nav#menu { width: 30vw; + max-width: 200px; height: 100vh; top: 0; left: -30vw; @@ -84,6 +88,8 @@ position: fixed; z-index: 2; transition: all 130ms ease; + background-color: #fff; + border: none; } #menu-toggle { display: block; @@ -127,6 +133,7 @@ #intro-image, .list, .links { + width: 40vw; max-width: 550px; } .list>ul {