@import '../../utils/bootstrap/css/vapor/bootstrap.min.css';
/* @import './home.css'; */
@import './obstacles.css';
@import './road.css';
@import './toast.css';
@import './car.css';
@import './dialog.css';
@import './tree.css';
@import './menus.css';
@import './overridesBootstrap.css';

@font-face {
    font-family: 'StreetDripsExtrude';
    src: url('../fonts/StreetDripsExtrude.ttf');
}

@font-face {
    font-family: 'StreetDrips';
    src: url('../fonts/StreetDrips.otf');
}

body {
    background-image: url('../img/gif/bg-1.gif');
    background-position: 0 -40vh;
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: 100%;
}

a {
    text-decoration: none;
}

html {
    height: 100vh;
}

body {
    height: 100%;
    background-attachment: fixed;
}

html {
    /* Barras de Scroll */
    scrollbar-width: thin;
    scrollbar-color: #6900be #040116;
}

.controls {
    margin-bottom: 8px;
}

button,
input {
    margin-right: 6px;
}

#status {
    margin-left: 8px;
    color: #8fd;
}

.no-scroolbars {
    scrollbar-width: none !important;
}