/* import component styles here */
@import "./components/inlineSymbolComponent.css";
@import "./components/flipCoinComponent.css";
@import "./components/rollButtonComponent.css";
@import "./components/helpBoxComponent.css";
@import "./components/settingsComponent.css";
@import "./components/effectComponent.css";
@import "./components/gameComponent.css";
@import "./components/ongoingComponent.css";
@import "./components/specialEffects.css";

/*
z-index reference
601/600 - Settings
500 - Vengeance/Minigame modals
401/400 - History
*/

/*
. means class
# means id
A B means B within A (any generation)
A>B means B as direct child of A
*/

body {
    /* Old Style font stack gleaned from https://modernfontstacks.com/ */
    font-family: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
    font-weight: normal;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.hiddenPart {
    display: none;
}

/* make all buttons small caps */
button {
    font-feature-settings: "smcp";
    font-family: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
}

/* scrollbar style */
/* for WebKit browsers */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}
body {
    /* for Firefox */
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
    /* for IE/Edge */
    -ms-overflow-style: -ms-autohiding-scrollbar;
}