JSFiddle - React, Tailwind, and code Playground

by soulwire

HTML

<html>
  <head>
    <style>
      body {
        background-color: #1d2126;
        color: white;
      }
    </style>
  </head>
  <body>
    <img src="https://lh5.googleusercontent.com/SqnTCCqnOrWc_aUbnXI4rz-ifyEEB78bs7rEP-Z4R_rbAbwiPyCb6sfF6Cxn361o78umwxP6ExikDrA=w3840-h2132-rw" height="300" />
    
<!--      
- green: #22BF5A
- green highlight: #1ED760
- play arrow character code:
    &#9654; (html)
    '\25b6'; (css)
-->
  </body>
</html>

CSS

.p1 {
  fill: none;
  stroke: #000;
  stroke-width: 20;
  opacity: 0.5;
}