@font-face {
    font-family: 'Danube';
    src: url('../src/DANUBE__.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.material-symbols-outlined {
    font-variation-settings:
        'FILL' 0,
        'wght' 300,
        'GRAD' 0,
        'opsz' 24
}

.logo-zirvox {
    font-family: 'Danube', sans-serif;
}

.glow-border {
    position: relative;
    overflow: hidden;
}

.glow-border::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05));
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.glow-border:hover::before {
    background: linear-gradient(135deg, rgba(255,255,255,0.5), rgba(255,255,255,0.1));
}