.btn{position:fixed;top:0;right:0;width:60px;height:60px;background-color:var(--color-copper);z-index:10}.btn.active i{-webkit-transition:.5s;transition:.5s}.btn.active i:nth-of-type(1){-webkit-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}.btn.active i:nth-of-type(2){opacity:0}.btn.active i:nth-of-type(3){-webkit-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg)}.btn i{position:absolute;left:10px;width:40px;height:2px;background-color:#fff;-webkit-transition:.5s;transition:.5s}.btn i:nth-of-type(1){top:20px}.btn i:nth-of-type(2){top:30px}.btn i:nth-of-type(3){top:40px}.container{position:fixed;top:0;bottom:0;left:0;right:0;background-color:var(--color-copper);color:#fff;z-index:9;opacity:0;pointer-events:none;-webkit-transition:.5s;transition:.5s}.container.active{opacity:1;pointer-events:auto}.container .item{width:480px;margin:50px auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.container .item ul{margin:0 30px}.container .item ul li{margin-bottom:20px}