@font-face {
    font-family: 'alphanu';
    src: url('../Red Seven 1.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

body {
    background: var(--bg);
    margin: 0;
}

:root {
    --bg: rgb(223, 222, 222);
    --bg-shadow: black;
    --bg-h1-colour: black;
    --bg-navbar-colour: rgb(213, 213, 213);
    --bg-input-box: rgb(229, 229, 229);
    --bg-player-colour: #cececeb9;
    --bg-business-hours: rgba(255, 255, 255, 0.5);
}

.dark {
    --bg: #121212;
    --bg-shadow: white;
    --bg-h1-colour: #d1d1d1;
    --bg-navbar-colour: rgb(41, 41, 41);
    --bg-input-box: rgb(32, 32, 32);
    --bg-player-colour: rgb(42, 42, 42);
    --bg-business-hours: rgba(255, 255, 255, 0.1);
}

html {
    scroll-behavior: smooth;
}


p,
small,
span,
label,
.time {
    text-align: center;
    color: var(--bg-h1-colour);
    font-family: "Fjalla One", sans-serif;
    font-weight: 400;
}

h1,
h2,
h3 {
    font-family: "alphanu", sans-serif;
    text-align: center;
    color: var(--bg-h1-colour);
}

li,
a,
button {
    color: var(--bg-h1-colour);
    font-family: "Fjalla One", sans-serif;
    font-weight: 400;
}