.container-center{
    border-radius: 10px;
    box-shadow: 0px 2px 10px rgb(190, 189, 189) !important;
    padding: 10px;
    margin-bottom: 25px;
}
.log{
    width: 50%;
    margin-top: 10%;
    background-color: #ffffff;
    padding: 55px;
    border-radius: 10px;
    box-shadow: 0px 2px 10px rgb(184, 183, 183) !important;
}

.l{
    width: 100%;
}
div.dash{
    width: 100%;
}
div.dash .res{
    
    width: 100%;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    justify-content: center;
    
    
}
div.dash .res .cont{
    display: inline-flex;
    flex-direction: column;
    width: 12rem;
    height: 5rem;
    margin-top: 4px;
    /* background-color: cadetblue; */
    border-radius: 8px;
    margin-left: 1.5rem;
    justify-content: center;
    align-items: center;
    color: aliceblue;
    font-size: 0.9rem;
    border-left: 1px solid rgba(250, 230, 54, 0.831);
}
.cont:hover{
    
    transition: 1s;
}
#tquotes{
    background-color: rgb(51, 52, 51);
    
}
#tquotes:hover{
    border-left: 1.5rem solid rgb(51, 52, 51);
    background-color: rgb(237, 237, 237);
    color: black;
}
#yquotes{
    background-color: rgb(38, 180, 228);
}
#yquotes:hover{
    border-left: 1.5rem solid  rgb(38, 180, 228);
    background-color: rgb(237, 237, 237);
    color: black;
}
#entrys{
    background-color: rgb(81, 153, 225);
}
#entrys:hover{
    border-left: 1.5rem solid  rgb(81, 153, 225);
    background-color: rgb(237, 237, 237);
    color: black;
}
#out1{
    background-color: rgb(198, 72, 72);
}
#out1:hover{
    border-left: 1.5rem solid  rgb(198, 72, 72);
    background-color: rgb(237, 237, 237);
    color: black;
}
canvas{
    width: 100%;
}