/* Default styles for the card */
.card {
    width: 20rem;
    border-radius: 20px;
    margin: 43px ; /* Center horizontally on larger screens */
    box-shadow: 6px 8px 30px ;
    display: flex;
    
}
.card img {
    border-radius: 20px 20px 0px 0px;
}

/* Center the card horizontally and vertically on small screens */
@media (max-width: 768px) {
    .card {
      width: 100%; 
        margin:0; /* Remove the horizontal margin */
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        
    }
    
    .card img {
        max-width: 100%;
        height: auto;
    }
}



    /* single notes page for css */

/* Default styles for the card */

.card-1 {
    width: 20rem;
    border-radius: 20px;
    margin: 43px ; /* Center horizontally on larger screens */
    box-shadow: 6px 8px 30px ;
    display: flex;
    
}
.card-1 img {
    border-radius: 20px;
}

/* Center the card horizontally and vertically on small screens */
@media (max-width: 768px) {
    .card-1 {
      width: 100%; 
        margin:0; /* Remove the horizontal margin */
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        
    }
    
    .card-1 img {
        max-width: 100%;
        height: auto;
    }
}