@import url('./base.css');
@import url('./basic-grid.css');
.wi-75{
    width:85%;
}
div.container-fluid div.basic-grid input{
    background-color: rgb(191, 185, 204);
    color:rgb(17, 17, 17);
    font-family:'Quantico';
}
div.container div.basic-grid datalist{
    background-color: rgb(213, 206, 221);
}
div.container-fluid div.basic-grid .btn{
    background-color: rgb(89, 220, 224);
    color:rgb(85, 24, 228);
    font-family:'Quantico';
    font-size:1.5rem;
}
h1.display-4{
    color: rgb(170, 101, 216);
}
div.container-fluid div.basic-grid .btn:hover{
    color:rgb(85, 24, 228);
}
#chart-container{
    min-height:600px;
}
#cards p{
    font-family:'Quantico';
    font-size: 1.7rem;
}
#cards h5{
    font-size: 3.25rem;
}
#cards small{
    font-size: 1rem;
}
footer{
    font-family:'Quantico';
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .wi-75{
        width:100%;
    }
}