:root{--clr-1:#052b2f;--clr-2:#073438;--clr-3:#0e4b50;--clr-4:#2d8f85;--clr-5:#637c54}.menu ul{list-style:none;margin:0;padding:0;text-align:center}.menu li{display:inline-block;margin:0 15px}.menu a{color:#fff;display:block;padding:4px 0;position:relative;text-decoration:none;text-transform:uppercase}.menu a:before{background:#fff;bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:0 50%;transition:transform .5s ease;width:100%}.menu a:hover:before{transform:scaleX(1)}.menu-1 a:before{background:#e5242a;transform-origin:100% 50%}.menu-1 a:hover:before{transform-origin:0 50%}@property --gradient-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotation{0%{--gradient-angle:0deg}to{--gradient-angle:360deg}}.box-border{background:#052b2f;background:var(--clr-1);border-radius:.5rem;position:relative}.box-border:after,.box-border:before{animation:rotation 20s linear infinite;background:conic-gradient (from var(--gradient-angle),#0e4b50,#2d8f85,#637c54,#2d8f85,#0e4b50,);background:conic-gradient (from var(--gradient-angle),var(--clr-3),var(--clr-4),var(--clr-5),var(--clr-4),var(--clr-3),);border-radius:inherit;content:"";inset:-.5rem;position:absolute;z-index:-1}.box-border:after{filter:blue(3.5rem)}.border-glow{border-color:#515151;border-radius:0;border-width:0;box-shadow:0 0 7px #fff}.box-glass{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#2121211a;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 0 1px #fff}.box-glass,.text-shadow{text-shadow:1px 1px 2px #000,0 0 1em #fff,0 0 .2em #000}.icon-style-light{fill:#fff}.icon-style-dark,.icon-style-light{filter:drop-shadow(1px 1px 2px black)}.icon-style-dark{fill:#171717}