paso 7

 

.content-outer { -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #B4F9A5 ; box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); margin-bottom: 10px; border-left: 3px dotted #9EE7F5; border-right: 3px dotted #F3A8BC ; border-bottom: 3px dotted #FFF1A6 ; border-top: 3px dotted #F5AD94; margin-bottom: 10px; border-radius: 25px; }

.content-inner { -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #B4F9A5 ; box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); margin-bottom: 10px; border-left: 3px dashed #F3A8BC; border-right: 3px dashed #9EE7F5 ; border-bottom: 3px dashed #F5AD94 ; border-top: 3px dashed #FFF1A6 ; margin-bottom: 10px; border-radius: 25px; }

en esta pagina  https://html-color.codes/pink  pueden cambiar los colores de los codigos en rojo que empiezan por #y el numero

tipos de lineas que puedes cambiar en las letras azules

3px es el tamano de las las lineas puedes cambiar al tamano que quieras y creas que se ve mejor