diff --git a/css/styles.css b/css/styles.css index 6dee539..979b457 100644 --- a/css/styles.css +++ b/css/styles.css @@ -14,10 +14,8 @@ display: flex; align-items: center; background: #fefff1; - border-radius: 100px; + border-radius: 15px; padding: 4px 20px; - box-shadow: rgba(48, 46, 53, 0.4) 0 2px 4px, - rgba(45, 35, 66, 0.3) 0 7px 13px -3px; transition: box-shadow 0.2s; } .search-bar:focus-within { @@ -543,6 +541,8 @@ a:hover:not(nav a) { flex-wrap: wrap; width: 100%; z-index: 100; + background: #151f29; + padding: 0px 20px 0px 20px; } nav { @@ -601,7 +601,7 @@ nav a { nav ul ul { display: none; position: absolute; - top: 65px; /* Adjust the height of the main nav */ + top: 57px; /* Adjust the height of the main nav */ background-color: #151f29; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; @@ -640,6 +640,9 @@ nav ul ul ul li { cursor: pointer; display: none; } +.logo { + width: 200px; +} input[type="checkbox"] { display: none; @@ -760,7 +763,7 @@ nav a:not(.logo) { max-width: 100%; } .search-bar input::placeholder { - font-size: 11px; + font-size: 20px; } .search-results { border-radius: 12px; diff --git a/index.html b/index.html index 230b140..e8608e1 100644 --- a/index.html +++ b/index.html @@ -67,7 +67,19 @@