@keyframes top-span-open{0%{transform:none}to{transform:rotate(45deg)translate(7px,4px)}}@keyframes mid-span-open{0%{opacity:1}to{opacity:0}}@keyframes bot-span-open{0%{transform:none}to{transform:rotate(-45deg)translate(7px,-4px)}}@keyframes top-span-close{0%{transform:rotate(45deg)translate(7px,4px)}to{transform:none}}@keyframes mid-span-close{0%{opacity:0}to{opacity:1}}@keyframes bot-span-close{0%{transform:rotate(-45deg)translate(7px,-4px)}to{transform:none}}#hamburger span{background-color:var(--text);height:4px;transition:all .3 ease-in-out;border-radius:5px;width:36px}#hamburger.open span{background-color:var(--accent)}#hamburger.close span:first-child{animation:.5s linear top-span-close;transform:none}#hamburger.close span:nth-child(2){opacity:1;animation:.5s linear mid-span-close}#hamburger.close span:last-child{animation:.5s linear bot-span-close;transform:none}#hamburger.open span:first-child{animation:.5s linear top-span-open;transform:rotate(45deg)translate(7px,4px)}#hamburger.open span:nth-child(2){opacity:0;animation:.5s linear mid-span-open}#hamburger.open span:last-child{animation:.5s linear bot-span-open;transform:rotate(-45deg)translate(7px,-4px)}#navigation.open{display:flex}#navigation.close{display:none}
@keyframes alert-open{0%{opacity:0;display:none}to{opacity:1;display:flex}}@keyframes alert-close{0%{opacity:1;display:flex}to{opacity:0;display:none}}#alert.open{animation:.5s linear alert-open;display:flex}#alert.close{animation:.5s linear alert-close;display:none}#alert.success{background-color:#0f7445}#alert.error{background-color:#740f0f}