.colored-line {
     border: 1px solid #00ff8c;
     /* Utiliza tu valor de color aquí */
     width: 100%;
     height: 1px;
 }

 .parent {
     display: grid;
     grid-template-columns: repeat(5, 1fr);
     grid-template-rows: repeat(5, 1fr);
     grid-column-gap: 0px;
     grid-row-gap: 0px;
     justify-content: end;
     /* Alinea los divs hacia la derecha */
 }

 .div1 {
     grid-area: 1 / 1 / 2 / 2;
 }

 .div2 {
     grid-area: 2 / 1 / 3 / 2;
 }

 .div3 {
     grid-area: 3 / 1 / 4 / 2;
 }

 .div4 {
     grid-area: 4 / 1 / 5 / 2;
 }

 .div5 {
     grid-area: 5 / 1 / 6 / 2;
 }

 .div6 {
     grid-area: 1 / 2 / 1 / 3;
 }

 .div7 {
     grid-area: 2 / 2 / 3 / 3;
 }

 .div8 {
     grid-area: 3 / 2 / 4 / 3;
 }

 .div9 {
     grid-area: 4 / 2 / 5 / 3;
 }

 .div10 {
     grid-area: 5 / 2 / 6 / 3;
 }

 .div11 {
     grid-area: 1 / 3 / 2 / 4;
 }

 .div12 {
     grid-area: 2 / 3 / 3 / 4;
 }

 .div13 {
     grid-area: 3 / 3 / 4 / 4;
 }

 .div14 {
     grid-area: 4 / 3 / 5 / 4;
 }

 .div15 {
     grid-area: 5 / 3 / 6 / 4;
 }

 /* ... (las clases .div1 hasta .div15 se mantienen igual) ... */
 .rounded-border {
     border: 1px solid #000;
     border-radius: 10px 0 0 10px;
     /* Ajusta los valores para redondear el lado izquierdo */
     padding: 5px;
     /* Añade un espacio interno para que el contenido no esté pegado al borde */
 }

 .rounded-border3 {
     border: 1px solid #000;
     padding: 5px;
     /* Añade un espacio interno para que el contenido no esté pegado al borde */
 }

 .rounded-border4 {
     border: 1px solid #000;
     border-radius: 0 10px 10px 0;
     /* Ajusta los valores para redondear el lado derecho */
     padding: 5px;
     /* Añade un espacio interno para que el contenido no esté pegado al borde */
 }