:root {
    --accentlight: #d489e7;
    --accent: #af59bf;
    --accentdark: #631e5b;
    --reflink: "";
}

::-moz-selection {
    background: var(--accent);
    color: #eeeeee;
    text-shadow: none;
}

::selection {
    background: var(--accent);
    color: #eeeeee;
    text-shadow: none;
}

@font-face {
    font-family: 'bombardier'; /*a name to be used later*/
    src: url('../img/BOMBARD_.ttf'); /*URL to font*/
}

@keyframes colorRotate {
    from {
        color: #6666ff;
    }
    10% {
        color: #0099ff;
    }
    50% {
        color: #00ff00;
    }
    75% {
        color: #ff3399;
    }
    100% {
        color: #6666ff;
    }
}

html {
    background-image: url('../img/Site-background.webp');
    background-color: #1d1d1d;
    color: #eeeeee;
}

body {
    background: rgba(29, 29, 29, 0.76);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    /*noinspection CssNoGenericFontName*/
    font-family: bombardier;
    font-size: 24px;
}

p {
    padding: 20px;
}

table {
    padding: 10px;
}

td{
    padding: 0 20px 0 0;
}

a {
    color: var(--accentlight);
    animation: var(--reflink) 2s linear 0s infinite;
    transition: .25s ease-out !important;
}

a:hover {
    color: var(--accentdark);
    transition: 0s ease-out !important;
}

#heading {
padding: 50px 50px 0 50px !important;
margin: 0 !important;
}

#download {
max-width: 100%;
width:200px;
display: block;
margin-left: auto;
margin-right: auto;
padding: 20px;
}

#pridediv {
text-align: right;
padding: 10px;
}