scripted details

<!DOCTYPE html>
<html>
  <body>
    <section class="layout">
  <table style="width: 50%;">
<tbody>
<tr>
  <td>
      <style> .hotpinkye {
border-width: 8px;
border-style: solid;
border-image: url("https://i.ibb.co/h1Q3bFn/83-B27704-CEA1-4-B8-F-BF79-90-D624-EDC6-F6.png") 8 fill round;
width:100%;height:auto;border-radius:10px;
} img { pointer-events: none;}
   </style>
    <img class="hotpinkye" src="https://scripted.neocities.org/twitero.jpg" alt=".">
    <br>[lace border] hot pink<br />

  </td>
  <tr>
  <td>
      <details>
  <summary>Code | <a href="http://jasminnie.weebly.com/">Source Link</a></summary>
  <pre><code> .hotpink-border {
border-width: 8px;
border-style: solid;
border-image: url("https://i.ibb.co/h1Q3bFn/83-B27704-CEA1-4-B8-F-BF79-90-D624-EDC6-F6.png") 8 fill round;
width:100%;height:auto;border-radius:10px;

}</code></pre>
</details>
    <hr>
    </section>
    </td>
       <tr>

         <td>
           <style> .cofeepotayu { border-width:8px; border-style:solid; border-image: url("https://dl.dropbox.com/s/w5yteo6huqvmzx1/brown.png") 8 fill round; } </style><img class="cofeepotayu" src="https://scripted.neocities.org/twitero.jpg" alt="." style="width:100%;height:auto;border-radius:10px;"><br>
         </td>


    </tbody>
  </table>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Overpass:wght@300&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');


  summary > span{
    text-decoration:none;
    text-decoration-style:none;
  }
  html, body, details{
      font-family: "Overpass", sans-serif;
      font-weight: 300;
  }
  summary a{
    font-style:italic;
    text-decoration:none;
    text-decoration-style:none;
    color:pink;
  }
  summary{
    user-select:none;
    display:block;
    text-decoration: underline;
text-decoration-style:  dotted;
  }


  summary::-webkit-details-marker {
  display: none;
}

  code{
   font-family: "DM Mono", monospace;
  font-weight: 400;
  font-style: normal;
  }
</style>

      <script>
        function copyText() {

            /* Copy text into clipboard */
            navigator.clipboard.writeText
                ("Geeksforgeeks is best learning platform.");
        }
    </script>

</body>
</html>