@font-face {
    font-family: 'Yearbook Outline';
    src: url('fonts/yearbook-outline/yearbook-outline.ttf') format('truetype'),
         url('fonts/yearbook-outline/yearbook-outline.woff2') format('woff2'), 
         url('fonts/yearbook-outline/yearbook-outline.woff') format('woff');
}

/* Defining CSS custom property for Yearbook font */
:root {
    --font-yearbook-outline: "Yearbook Outline", sans-serif;
}