/* Fonts Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


body{
    font-family: 'Roboto'; font-weight: 300;
}

.fa{
    padding: 5px;
}

.nav-item{

    font-family: 'Roboto'; font-weight: 700;
}

.card{
    border-radius: 10px;
}

.card-img-top{
    width: 100%;
    height: 175px;

    background-color: #3d3d3d;

    object-fit: cover;

    image-rendering: optimizeSpeed;

    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

    border: 0px;
}

.img-fluid{
    background-color: #3d3d3d;

    object-fit: cover;

    image-rendering: optimizeSpeed;
}


.chip {
    display: inline-block;
    padding: 0 25px;
    height: 35px;
    font-size: 12px;
    line-height: 35px;
    border-radius: 25px;
    background-color: #f1f1f1;
}
  
.chip img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 35px;
    width: 35px;
    border-radius: 50%;
}
  


/* Loader */
#loader{
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #ffffff
    no-repeat center;
    z-index: 99999;

    padding: 25%;
}

.btn{
    background: white; border: 1px solid #bdbdbd;
}