Adding rounded corners to the menu

1 files changed, 15 insertions, 0 deletions

diff --git a/menu.css b/menu.css
index 62fd30b..00684e2 100644
--- a/menu.css
+++ b/menu.css
@@ -15,6 +15,21 @@ nav > ul {
   table-layout: fixed;
 }
 
+nav > ul > li:first-child > a {
+  border-top-left-radius: 10px;
+  border-bottom-left-radius: 10px;
+}
+
+nav ul ul li:last-child a {
+  border-bottom-left-radius: 10px;
+  border-bottom-right-radius: 10px;
+}
+
+nav > ul > li:last-child a:first-child {
+  border-top-right-radius: 10px;
+  border-bottom-right-radius: 10px;
+}
+
 nav li {
   display: table-cell;
   margin-bottom: 0px;