    /* Styles for Menu, by Mark-Tony Leontaridis */
    /* Copyright © 2023 Efivikos */
    /* Connected with Menu Open/Close functionality Script */

    .header {
        position: relative;
    }
    
    .menu {
        position: absolute;
        top: 0;
        right: 0;
    }
    
    .menu-content {
        font-family: Arial, Helvetica, sans-serif;
        position: absolute;
        width: 200px;
        background-color: #252525;
        color: black;
        transform: translateX(110%);
        transition: transform 0.3s;
        border-radius: 10px 3px;
        overflow: hidden;
    }
    
    .menu-content a {
        display: block;
        padding: 10px;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.3s, transform 0.3s;
    }
    
    .menu.open .menu-content {
        transform: translateX(0);
    }
    
    .menu.open .menu-content a {
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0.1s;
    }
    
    .menu-btn {
        font-family: Arial, Helvetica, sans-serif;
        width: 160px;
    }
    
    .m-b-i {
        background: #252525;
        color: #fff;
        border: none;
        padding: 10px 20px;
        border-radius: 10px 0px;
        cursor: pointer;
        box-shadow: 0 3px #4d4c4c;
        position: relative;
        overflow: hidden;
    }
    
    .menu-btn {
      background: #252525;
        color: #fff;
        border: none;
        padding: 10px 20px;
        border-radius: 10px 0px;
        box-shadow: 0 3px #4d4c4c;
        position: relative;
        overflow: hidden;
    }
    
    .m-b-i::before,
    .menu-btn::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: rgba(0, 0, 0, 0.1);
        transition: width 0.3s;
    }
    
    .m-b-i:hover::before,
    .menu-btn:hover::before {
        width: 100%;
    }
    
    .m-b-i:active {
        box-shadow: 0 1px #3b3b3b;
        transform: translateY(2px);
    }
    