nav > ul > li > div.mmenu {
    padding: 0.5em;
    border-radius: 5px;
    margin-left: 2.5em;
    cursor: pointer;
    transition: 0.4s;
    position: relative;
}
.mmenu::after {
    content: "";
    position: absolute;
    width: 100%;
    top: 40px;
    right: 0;
    height: 2px;
    background: #ef394e;
    transform: scale(0);
    transition: 0.4s;
}
.mmenu:hover::after {
transform: scale(1);
}
.mega-menu {
position: absolute;
width: 80%;
right: 4em;
display: flex;
justify-content: space-between;
background: #fff;
box-shadow: 0 0 5px #ccc;
border-radius: 5px;
z-index: 10000;
display: none;
}
.has-submenu::before {
content: "";
position: absolute;
width: 150px;
height: 0px;
top: 65px;
right: 65px;
}
.has-submenu:hover > .submenu {
display: flex !important;
}
.has-submenu:hover::before {
height: 80px;
}
.mega-menu .menu-list {
width: 20%;
}
.mega-menu .mmenu-list > ul {
display: flex;
flex-direction: column;
background: #f7f7f7;
padding-right: 0.5em;
}
.mega-menu .mmenu-list > ul li {
padding: 1em 1em 1em 2em;
cursor: pointer;
margin: 0.5em 0;
transition: 0.4s;
font-size: 14px;
border-radius: 0 5px 5px 0;
}
.mega-menu .mmenu-list > ul > li:hover {
background: #fff;
color: #ef394e;
}
.mega-menu .mmenu-list > ul > li.active {
background: #fff;
color: #ef394e;
}
.mega-menu .categorys {
width: 80%;
}
.categorys .category {
display: none;
}
.categorys .category.active {
display: block;
}
.categorys .category .category-header {
padding: 1em;
}
.category .items {
display: flex;
justify-content: space-around;
color: #4a5f73;
margin-top: 1em;
}
.category .items .item ul li.header {
color: #616161;
margin: 0.5em 0;
font-size: 14px;
font-weight: bold;
}
.category .items .item ul li {
transition: 0.4s;
cursor: pointer;
}
.category .items .item ul li:hover {
color: #ef394e;
}
.submenu {
position: fixed;
display: none;
}
.code-with-master {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 50px;
font-family: Hack;
font-weight: bold;
color: #ef394e;
text-shadow: 0 0 2px #ef394e;
}
.mcontainer {
    width: 100%;
    height: 100%;
    background: #fff;
}