.menu-icon{cursor:pointer;display:inline-block;height:30px;position:absolute;right:10px;top:0;width:30px;z-index:1}.menu-icon span{background:#333;display:block;height:5px;left:0;opacity:1;position:absolute;transform:rotate(0deg);transition:all .2s ease-in-out;width:100%}.menu-icon span:first-child{top:0}.menu-icon span:nth-child(2),.menu-icon span:nth-child(3){top:8px}.menu-icon span:nth-child(3){top:16px}.dropdown{position:relative}.dropdown-menu{background-color:#fff;border:1px solid #ccc;border-radius:10px;display:none;min-width:100px;padding:10px;position:absolute;right:-10px;top:calc(100% + 10px);z-index:1}.dropdown:hover .menu-icon span:first-child{top:7px;transform:rotate(45deg)}.dropdown:hover .menu-icon span:nth-child(2){opacity:0}.dropdown:hover .menu-icon span:nth-child(3){top:7px;transform:rotate(-45deg)}nav ul{list-style:none;margin:0;padding:0}.dropdown-menu{background-color:#f7f7f7}.dropdown-menu li a{font-family:Times New Roman,Times,serif;font-size:20px}.dropdown:hover .dropdown-menu{display:block}