/***********************************************/
/**********          IMPORTS          **********/
/***********************************************/
@import url("welcome.css");

@import url("garage/garage.css");
@import url("garage/gamemodes.css");
@import url("garage/cars.css");
@import url("garage/tracks.css");
@import url("garage/recap.css");

@import url("admin/admin.css");
@import url("admin/sidebar.css");
@import url("admin/table.css");
@import url("admin/dashboard.css");
@import url("admin/form.css");

/********************************************/
/**********          VARS          **********/
/********************************************/
:root {
    --text: aliceblue;
    --public-color: #F6921E;
    --sub-color: #ee2824;
}

/*********************************************/
/**********          FONTS          **********/
/*********************************************/
@font-face {
    font-family: 'Inter';
    font-weight: 100 900;
    font-style: normal;
    src: url('../fonts/Inter/Inter-VariableFont_opsz\,wght.ttf') format('woff2-variations');
}

@font-face {
    font-family: 'Inter-italic';
    font-weight: 100 900;
    font-style: italic;
    src: url('../fonts/Inter/Inter-Italic-VariableFont_opsz\,wght.ttf') format('woff2-variations');
}

/*********************************************/
/**********          RESET          **********/
/*********************************************/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/********************************************/
/**********          BODY          **********/
/********************************************/
body {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    color: var(--text);
    font-family: "Inter", sans-serif;
    background: url(../images/background.jpg) 0 0 / 100vw 100vh fixed;
}