change mobile-menu list item height

css/style.css

@@ -606,7 +606,7 @@ button:active, .button-primary:active, .logo:active {
 
 .menu-toggle {
   position: relative;
-  display: inline-flex;
+  display: none;
   align-items: center;
   justify-content: center;
   justify-self: end;
@@ -628,7 +628,7 @@ button:active, .button-primary:active, .logo:active {
 
 .mobile-menu {
   position: fixed;
-  top: 6.5rem;
+  top: 7rem;
   right: var(--spacing-5);
   left: var(--spacing-5);
   width: auto;
@@ -637,7 +637,7 @@ button:active, .button-primary:active, .logo:active {
   overflow-y: auto;
   margin-inline: 0;
   background: var(--color-button-secondary);
-  border-radius: calc(26px + var(--spacing-2));
+  border-radius: calc(36px + var(--spacing-2));
   box-shadow: var(--shadow-button);
   padding: 0;
   opacity: 0;
@@ -665,8 +665,8 @@ button:active, .button-primary:active, .logo:active {
 .mobile-menu a {
   display: block;
   text-align: center;
-  min-height: 62px;
-  border-radius: 26px;
+  min-height: 72px;
+  border-radius: 36px;
 }
 
 /* .page-content {
@@ -974,7 +974,7 @@ footer a:visited {
   }
   
   .menu-toggle {
-  display: inline-block;
+  display: inline-flex;
   justify-self: end;
   min-height: 52px;
   }