:root {
    --colour-background: #2b2a2c;
    --colour-black: #191220;
    --colour-primary: #ca97fa;
    --colour-secondary: #3e89e3;
    --colour-tertiary: #7ADB6C;
    --colour-silver: rgb(75, 75, 75);

    --colour-hallie: #F954F6;
    --colour-phoebe: #3d94f8;
    --colour-maya: #76e355;
    --colour-clara: #ab49ff;
    --colour-eve: #ab49ff;

    --big-shadow: 0px 0px 50px rgba(255, 255, 255, 0.25);
}

* {
    scrollbar-color: silver var(--colour-black);
}

@font-face {
    font-family: 'Bangers';
    src: url('https://cdn.taurusnetwork.uk/static/fonts/Bangers/Bangers-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Bubblegum Sans';
    src: url('https://cdn.taurusnetwork.uk/static/fonts/BubblegumSans/BubblegumSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Chivo';
    src: url('https://cdn.taurusnetwork.uk/static/fonts/Chivo/Chivo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Chivo';
    src: url('https://cdn.taurusnetwork.uk/static/fonts/Chivo/Chivo-Bold.ttf') format('truetype');
    font-weight: bold;
}

h1, h2, h3, h4, h5 {
    font-family: 'Bangers';
    letter-spacing: 3px;
}

.subtitle {
    font-family: 'Bubblegum Sans';
}

body {
    font-family: 'Chivo';
}

svg.spinner {
    animation: rotation-anim 1s infinite linear;
}

@keyframes rotation-anim {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}