I have added CSS design for a CMS block in the same block,
<div class="container">
<div class="row">
<div class="col-sm">
<img src="{{media url="image.png"}}" alt="">
</div>
<div class="col-sm">
<div class="row" style="top: 822px; left: 864px; width: 266px; height: 156px; text-align: left; font: normal normal normal 28px/41px Laca; letter-spacing: 0px; color: #404040; text-transform: capitalize; opacity: 1;">Welcome to store</div>
<div class="row" style="top: 1021px; left: 870px; width: 272px; height: 210px; text-align: left; font: normal normal normal 16px/22px Laca; letter-spacing: 0px; color: #707070; opacity: 1;">Her is my text</div>
<div class="row" style="top: 1231px; left: 870px; width: 118px; height: 50px; background: #F1592A 0% 0% no-repeat padding-box; border-radius: 4px; opacity: 1;">Read More</div>
</div>
</div>
</div>
how to create an external css file and include inside the static block, i am working on a custom theme that is inherited from a blank theme.
My custom css placed under app/design/frontend/mytheme/theme/web/css for some other design.
How to include my css file into CMS Block?