/* test standard variables */
:root {
--bg-image: url('Backgrounds/Curtainblack.jpg');
--bg-color: black;

--header-font: 'Craftstone';
--header-color: #46869B;
--main-font: serif;
--text-color: #967e68;
--link-color: white;
--link-hover-color: lightblue;

--box-background: #140a01;
--side-background: #140a01;
--border-color: #76AFC2;

--nav-trans-background: url('Sitewide/Box-Fabric-Background-Dark.png');
--box-trans-background: url('Sitewide/Box-Fabric-Background-Dark.png');

--cursor-main: url('Cursors/Mesa-Teal.cur');
--cursor-hover: url('Cursors/Mesa-Gold.cur');
}

.nav1 {
--nav-color: #76AFC2; 
--nav-button: url('Sitewide/Blue-Button-20.png');
}

.nav2 {
--nav-color: #4FBA83; 
--nav-button: url('Sitewide/Green-Button-20.png');
}


/* fonts */
@font-face {
    font-family: "Nougat";
    src: url("Nougat-ExtraBlack.ttf");
}

@font-face {
    font-family: "Craftstone";
    src: url("Fonts/Craftstone.ttf");
}

@font-face {
    font-family: "GramophoneNF";
    src: url("Fonts/GramophoneNF.ttf");
}

@font-face {
    font-family: "Aladin";
    src: url("Fonts/Aladin-Regular.ttf");
}
/* fonts */