body {
    width: 90%;
    max-width: 900px;
    margin: 2em auto;
    font: .9em/1.2 Arial, Helvetica, sans-serif;
}

/* .container {
    column-count: 3; 
    column-width: 200px;
  } */

/* ---- Styling the columns -----   */

.container {
    column-count: 3;
    column-gap: 20px;
    column-rule: 4px dotted rgb(79, 185, 227);
}

/* ---- Spanning columns ---- */
.exten {
    background-color: rgb(30, 199, 199);
    font-size: 30px;
    color: aliceblue;
    column-span: all;
    padding: 20px 20px;
}

/* ----- Columns and fragmentation ----- */
/* Fragmented boxes */
/* Setting break-inside */
.frame{
    margin-block-start: 4rem;

}

.frame .container1 {
    column-width: 250px;
    column-gap: 20px;
}

.frame .card {
    break-inside: avoid; /* Setting break-inside */
    background-color: rgb(207, 232, 220);
    border: 2px solid rgb(79, 185, 227);
    padding: 10px;
    margin: 0 0 1em 0;
}