@font-face {
font-family: "Marzo-W00-Regular";
src: url(/fonts/Marzo-W00-Regular.ttf);
}

@font-face {
    font-family: "Comfortaa";
    src: url(/fonts/Comfortaa-VariableFont_wght.ttf);
}

body{
    color: whitesmoke;
    background-color: #000!important;
}

.container-fluid{
    height: 100vh;
    overflow: scroll;
    background-image: url(/img/background.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-family: "Comfortaa";
    color: whitesmoke;
}

.title-category{
    color: #ff6615;
    font-family: "Comfortaa";
    font-weight: bold;
}

.list-group-item {
    background-color: #1a1a1a;
    color: whitesmoke;
    border: 1px solid whitesmoke; /* rgba(0,0,0,.125); */
}

.list-group-item.active {
    color: #1a1a1a;
    background-color: whitesmoke;
    border-color: whitesmoke;
}

.card{
    color: whitesmoke;
    background-color: #1a1a1a;
    border: 1px solid whitesmoke;
}

.card-header{
    border-bottom: 1px solid whitesmoke;
}

.btn-link{
    color: whitesmoke;
}

.btn-link:hover{
    color: whitesmoke;
}