@keyframes cookies-open{0%{display:none;opacity:0}to{display:flex;opacity:1}}@keyframes cookies-close{0%{display:flex;opacity:1}to{display:none;opacity:0}}#cookies.open{animation:cookies-open .5s linear;display:flex}#cookies.close{animation:cookies-close .5s linear;display:none}@keyframes alert-open{0%{display:none;opacity:0}to{display:flex;opacity:1}}@keyframes alert-close{0%{display:flex;opacity:1}to{display:none;opacity:0}}#alert.open{animation:alert-open .5s linear;display:flex}#alert.close{animation:alert-close .5s linear;display:none}#alert.success{background-color:var(--accent)}#alert.error{background-color:#5d3333}.dropdown:hover .dropdown-content{display:block}@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;width:36px}#hamburger.open span{background-color:var(--accent)}#hamburger.close span:first-child{animation:top-span-close .5s linear;transform:none}#hamburger.close span:nth-child(2){animation:mid-span-close .5s linear;opacity:1}#hamburger.close span:last-child{animation:bot-span-close .5s linear;transform:none}#hamburger.open span:first-child{animation:top-span-open .5s linear;transform:rotate(45deg) translate(7px,4px)}#hamburger.open span:nth-child(2){animation:mid-span-open .5s linear;opacity:0}#hamburger.open span:last-child{animation:bot-span-open .5s linear;transform:rotate(-45deg) translate(7px,-4px)}#navigation.open{display:flex}#navigation.close{display:none}