[data-navheader=nav]{background-color:var(--bg);z-index:999;background-color:red;width:100%;position:fixed}[data-navheader=nav]>div{justify-content:space-between;padding:.5rem 1rem;display:flex}[data-navheader=nav] .logo{align-items:center;display:flex}[data-navheader=nav] .logo .name{font-size:1.1rem}[data-navheader=nav] .logo .name>small{font-family:AvantGarde Md BT;font-weight:900}.nav-menu{z-index:999;top:20px;right:20px}.nav-menu .Btn{cursor:pointer;background-color:#a1a0a0;border:none;border-radius:50%;justify-content:flex-start;align-items:center;width:45px;height:45px;transition-duration:.3s;display:flex;position:relative;overflow:hidden;box-shadow:2px 2px 10px #0003}.nav-menu .sign{justify-content:center;align-items:center;width:100%;transition-duration:.3s;display:flex}.nav-menu .sign svg{width:17px}.nav-menu .sign svg path{fill:#fff}.nav-menu .text{opacity:0;color:#fff;width:0%;font-size:1.2em;font-weight:600;transition-duration:.3s;position:absolute;right:0%}.nav-menu .Btn:hover{border-radius:40px;width:125px;transition-duration:.3s}.nav-menu .Btn:hover .sign{width:30%;padding-left:20px;transition-duration:.3s}.nav-menu .Btn:hover .text{opacity:1;width:70%;padding-right:10px;font-family:AvantGarde Md BT;font-weight:900;transition-duration:.3s}.nav-menu .Btn:active{transform:translate(2px,2px)}