/* Fonts */

@font-face {
    font-family: 'Lion-and-Hare';
    font-style: normal;
    font-weight: bold;
    src: url('../../font/lionandhare-bold.woff2') format('woff2'),
         url('../../font/lionandhare-bold.woff') format('woff');
}

@font-face {
    font-display: swap;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: lighter;
    src: url('../../font/rubik-300.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Rubik';
    font-style: italic;
    font-weight: lighter;
    src: url('../../font/rubik-300italic.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: normal;
    src: url('../../font/rubik-regular.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Rubik';
    font-style: italic;
    font-weight: normal;
    src: url('../../font/rubik-italic.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: bold;
    src: url('../../font/rubik-700.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Rubik';
    font-style: italic;
    font-weight: bold;
    src: url('../../font/rubik-700italic.woff2') format('woff2');
}
/* @import url('https://fonts.googleapis.com/css?family=Rubik:300,300italic,400,400italic,700,700italic'); */

@import url('https://dl.dafont.com/dl/?f=around');

/* Style Variables */

:root {
    --nearblack: #555;
    --shadowgray: dimgray;
    --backgroundTop: #444;
    --backgroundBottom: #111;
    --lightfont: #ddd;
    --highlight: darkorange;
    --highlightText: #d77600;
}

/* Overall Styling */

body {
    font-family: "Rubik", "Trebuchet MS", "Tahoma", sans-serif;
    background-image: linear-gradient(var(--backgroundTop), var(--backgroundBottom));
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: var(--lightfont);
}

/* Headings */

h1 {
    font-family: "Lion-and-Hare", "Around", "Rubik", "Trebuchet MS", "Tahoma", sans-serif;
    font-size: 60pt;
    text-align: center;
}