canvas {
    background-color: #dddddd;
    position: relative;
    width: 100%;
    height:100%;
    left: 0;
}

.list-item {
    padding: 2em;
    display:inline-flexbox;
    background-color:  #f0eeee;     /* Cor de fundo escura para destaque */
}

.div-item {
    display:inline-block;
    margin: 0.5em;

    background-color: #ffffff;      /* Cor de fundo escura para destaque */
    border: 1px solid #504e4e;
    border-radius: 5px; 
    box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.25);
    width:28em;
    height:22em;
}

.item {
    width: 100%;
    height:85%;
}

.desc-item {
    text-align: center;
    align-content: center; 
    width: 100%;
    height:15%;
}


@media screen and (max-width: 700px) {
    .container, .navbar {   
        flex-direction: column;
    }
    .div-item {
        width:  26em;
        height: 20em;
    }

}