@import url("../simple-main.css");

/* Add any font imports you want here */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Crimson+Text:ital,wght@0,400;0,700;1,400;1,700&family=Domine:wght@400;700&family=Francois+One&family=Luckiest+Guy&family=Montserrat:ital,wght@0,300;0,400;1,300;1,400&family=Open+Sans:ital@0;1&family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400;1,600;1,800;1,900&family=Roboto:wght@300;400&family=Source+Sans+Pro:ital,wght@0,300;1,300&family=Special+Elite&display=swap');
/*  Variables for folks to create their own skins! */
/*  Instructional video found here: XXXXXX */
:root {
    /* Banner Image or Text */
    /* Use "block" to display, "none" to hide */
    --BannerImage: block; 
    --BannerSiteName: none;

    /* Background Colors */
    --mainBackgroundColor: #16131d;
    --mainBackgroundImageOrGradient: none;
    --headerBackgroundColor: #302a31;
    --selectBackgroundColor: #16131d;

    /* Accents */
    --accentColor: #931b57;
    --hoverColor: #FFA500;
    --borderAccentColor: #e8e8e8;

    /* Font Colors and appearance */
    --mainFontFamily: Open Sans;
    --secondaryFontFamily: 'Special Elite', sans-serif;
    --mainFontColor: #e8e8e8;
    --secondaryFontColor: #e8e8e8;
    --mainFontSize: 13px;
    --mainFontMobileSize: 14px;
    --blockTitleFontSize: 18px;
    --menuFontSize: 17px;
    
}