@font-face {
    font-family: Graphene;
    src: url(../fonts/Graphene.otf) format("truetype");
}
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css");
* {
    font-family: sans-serif !important;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body{
    overflow-x: hidden !important;
}
.btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

#app {
        margin-top: 8vh;
        max-height: 100vh !important;
    }
    img{
        user-select: none !important;
        pointer-events:none !important;
    }
    #app img {
        max-height: 40vh;
    }

    .text-CarGoDrive{
        color: #DE1B22 !important;
    }

    .bg-CarGoDrive{
        background-color: #DE1B22 !important;
    }
    .btn-CarGoDrive {
        user-select: none !important;
        font-weight: bolder;
        letter-spacing: 1px;
        padding: 8px 28px;
        border-radius: 50px;
        transition: 0.5s;
        margin: 10px;
        background-color: #DE1B22;
        color: #fff;
        border: 2px solid #DE1B22;
    }

    
    .btn-CarGoDrive:hover,
    .btn-CarGoDrive:active,
    .btn-CarGoDrive:focus {
        background-color: rgba(222, 27, 34, .3);
        border: 2px solid #DE1B22;
        color: #DE1B22;
    }


    .btn-outline-CarGoDrive{
        user-select: none !important;
        font-weight: bolder;
        letter-spacing: 1px;
        padding: 8px 28px;
        border-radius: 50px;
        transition: 0.5s;
        margin: 10px;
        color: #DE1B22;
        border: 2px solid #DE1B22; 
    }
    


    .btn-outline-CarGoDrive:hover,
    .btn-outline-CarGoDrive:active,
    .btn-outline-CarGoDrive:focus {
        background-color: #DE1B22;
        border: 2px solid #DE1B22;
        color: #fff;
    }
    
    .navbar *{
        user-select: none !important;
    }
    .user-select-none{
        user-select: none !important;
    }