.MGNmenu { position: fixed; top: 20px; left: 20px; width: 50px; height: 50px; color: rgba(0, 0, 0,1); background-color: rgba(255, 136, 14,1); overflow: hidden; transition: width 1s, height 1s; z-index: 10; font-size: medium; text-align: left; margin: auto; } .MGNmenu:hover { width: 20% ; height: 50%; } .MGNmenuImageItem { padding-top: 5px; padding-left: 5px; height: 45px; overflow: hidden; color: #12bfde; font-weight: bolder; } .MGNmenuItem,.MGNmenuItemActive { padding-top: 15px; padding-left: 15px; overflow: hidden; text-align: left; } .MGNmenuItemActive { font-weight: bold; display: inline; } .MGNmenuItem:hover { color: rgba(0, 0, 0,1); font-style: italic; font-weight: bolder; }