/* test standard variables */
:root {
--bg-image: url('Backgrounds/Teal-Gold-Floral-william-morris-architextures.png');
--bg-color: #3e5956;

--header-font: 'Craftstone';
--header-color: #336171;
--text-color: #967E68;
--link-color: #543730;
--link-hover-color: blue;

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

--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');
}


/* My collection of backgrounds for the differnt page categories. these go into the body class */
.categorypuppet {
--bg-image: url('/Graphics/nieuwenhuis-umbellifer-fabric-1575-in-architextures.png');
--bg-color: #86746E;
}

.categorydoll {
background-image: url('/Graphics/william-morris-cray-textile-385-in-architextures.png');
background-size: 600px;
background-color: #142836;
}

.categoryplush {
background-image: url('/Graphics/william-morris-honeycomb-textile-1102-in-architextures.png');
background-size: 600px;
background-color: #00434F;
}

.categorycostume {
background-image: url('/Graphics/william-morris-ispahan-textile-9587-in-architextures.png');
background-size: 1200px;
background-color: #354E4B;
}

.categorysetandprop {
background-image: url('/Graphics/PAT0027.png');
background-size: 400px;
background-color: #424242;
}

.categorytextile {
background-image: url('/Graphics/william-morris-violet-and-columbine-textile-6949-in-architextures.png');
background-size: 600px;
background-color: #091F09;
}

.categorymiscellany {
background-image: url('/Graphics/PAT0155.png');
background-color: #B594C6;
}
/* My collection of backgrounds for the differnt page categories */

/* 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 */