.dmenu__burger{position:fixed;z-index:101;top:10px;right:10px;height:10px;width:40px;height:40px;cursor:pointer;display:flex;align-items:center}.dmenu__burger div{width:100%;padding-top:5px}.dmenu__burger span{display:block;width:100%;height:5px;background-color:#000;margin-bottom:5px;border-radius:10px;transition:.2s}.dmenu__burger:hover span{background-color:#2cab1e}.dmenu__burger.active span{background-color:#ff7c3c}.dmenu__burger.active span:nth-child(1){transform:rotate(45deg) translate(6px,8px)}.dmenu__burger.active span:nth-child(2){transform:rotate(-45deg) translate(0px,0px)}.dmenu__burger.active span:nth-child(3){width:5px;margin-left:auto;margin-right:auto;transform:translate(-1px,-9px)}.dmenu__content{position:fixed;z-index:100;width:100%;height:100%;overflow-y:auto;background-color:rgba(109,106,117,0);backdrop-filter:blur(5px);top:-150%;left:0;transition:.3s}.dmenu__content.active{top:0;background-color:rgba(109,106,117,0.8)}.dmenu__content ul{font-size:24px;font-weight:900;padding-left:0;list-style:none;margin:0;padding:10%}.dmenu__content ul a{text-decoration:none;color:#fafafa;transition:.2s}.dmenu__content ul a:hover{color:#ff7c3c}.dmenu__content ul li{display:inline-block;vertical-align:top;width:250px;max-width:80%;line-height:1.1;margin-bottom:20px}.dmenu__content ul li ul{font-size:20px;padding-left:0;font-weight:500}.dmenu__content ul li ul a{color:#fff}.dmenu__content ul li ul li{margin-bottom:10px}