@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Condensed:wght@300;400;500&display=swap');
@import '../node_modules/animate.css/animate.css';
@import './assets/styles';

html,
body {
    font-family: 'Ubuntu Condensed', sans-serif;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    user-select: none;
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

$chatinput-zindex: 80;
$toolbar-zindex: 70;
$rightside-zindex: 69;
$toolbar-memenu-zindex: 60;
$roomtools-zindex: 50;
$context-menu-zindex: 40;
$infostand-zindex: 30;
$chat-zindex: 20;
$highscore-zindex: 19;

$grid-bg-color: #CDD3D9;
$grid-border-color: $muted;
$grid-active-bg-color: #ECECEC;
$grid-active-border-color: $white;

@import './utils/Styles';
@import './App';
@import './hooks/Styles';
@import './layout/Layout';
@import './views/Styles';