@property --a{syntax:"<angle>";inherits:false;initial-value:90deg}@property --l{syntax:"<percentage>";inherits:false;initial-value:10%}@property --c{syntax:"<color>";inherits:false;initial-value:red}.burger-menu{float:right;height:28px;margin:40px;position:relative;transition:all 1s;transition-delay:1s;width:25px}.burger-menu:hover{cursor:pointer}.burger-menu span{background-color:#000;border-radius:2px;display:block;height:4px;position:absolute;top:50%;transition:all 1s;transition-delay:1s;width:24px}.burger-menu span:first-of-type{top:25%}.burger-menu span:last-of-type{top:75%}.burger-menu.open span:first-of-type{rotate:90deg;top:50%}.burger-menu.open span:nth-of-type(3){rotate:-180deg;top:50%}.burger-menu.open{transform:rotate(45deg)}@media screen and (min-width:740px){.burger-menu{display:none}}