diff --git a/stylesheets/contact.css b/stylesheets/contact.css index b1fd960..31a48bb 100644 --- a/stylesheets/contact.css +++ b/stylesheets/contact.css @@ -1,7 +1,6 @@ div { display: flex; justify-content: center; - overflow: auto; } header { diff --git a/stylesheets/menuBar.css b/stylesheets/menuBar.css index ebf00cb..097b763 100644 --- a/stylesheets/menuBar.css +++ b/stylesheets/menuBar.css @@ -13,17 +13,27 @@ } .open .bar1 { + opacity: 0%; + transform: translateX(20px); + + /* -webkit-transform: rotate(-45deg) translate(-6px, 6px); transform: rotate(-45deg) translate(-6px, 6px); + */ } .open .bar2 { - opacity: 0; + opacity: 95%; } .open .bar3 { - -webkit-transform: rotate(-45deg) translate(-5px, -5px); + opacity: 0%; + transform: translateX(-20px); + + /* + -webkit-transform: rotate(45deg) translate(-5px, -5px); transform: rotate(45deg) translate(-5px, -5px); + */ } .open .mobile-menu { @@ -52,6 +62,6 @@ } #menu-icon { - display: block; + display: flex; } } \ No newline at end of file