.header{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);left:0;padding:14px 0;position:fixed;right:0;width:100%;z-index:10}.header img{max-width:100%}.header .nav-icon{cursor:pointer;height:22px;position:relative;transform:rotate(0);transition:.5s ease-in-out;width:36px;z-index:15}.header .nav-icon span{background:rgb(var(--black));display:block;height:2px;left:0;opacity:1;position:absolute;transform:rotate(0);transition:.25s ease-in-out;width:100%}.header .nav-icon span:first-child{top:0}.header .nav-icon span:nth-child(2){top:10px}.header .nav-icon span:nth-child(3){top:20px}.header .nav-icon.open span:first-child{background-color:rgb(var(--white));top:10px;transform:rotate(135deg)}.header .nav-icon.open span:nth-child(2){left:-60px;opacity:0}.header .nav-icon.open span:nth-child(3){background-color:rgb(var(--white));top:10px;transform:rotate(-135deg)}