uzi crd codes : pink 98.css draggable tabs

<!--paste everything below here stopping at </style> into 1 embed -->

<link
  rel="stylesheet"
  href="https://unpkg.com/98.css"
>

<link rel="stylesheet" href="//code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">

<style>
.title-bar {
background: rgb(255,122,160);
background: linear-gradient(90deg, rgba(255,122,160,1) 0%, rgba(255,164,190,1) 39%, rgba(255,255,255,1) 100%);
font-size: 0.8em;
}

#tab{z-index:9999999999;}
#tab .sp{height:14px;width:120px;margin:-17px 0 0 -10px;overflow:hidden;position:absolute;background:url(https://31.media.tumblr.com/89d0a73dbfd39d6e6dfcd157efacf73a/tumblr_inline_nc4ltugMJI1rh7826.png);}
#tab .nb{width:100px;margin-bottom:20px;padding:5px 10px 5px 10px;background:url(https://31.media.tumblr.com/905e072082d7e170a96e198cf24af6d9/tumblr_inline_nc4ltqDhD21rh7826.png);border:1px solid rgba(0,0,0,0.1);-webkit-border-bottom-right-radius: 6px;-webkit-border-bottom-left-radius: 6px;-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft: 6px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;z-index:999999;box-shadow:rgba(0,0,0,0.07)5px 5px;font-size:0.9em;line-height:13px;font-family:magica;height:100px;overflow:auto;}
</style>

<!--above is the cut off for style -->

<!--paste the first .window into its OWN EMBED -->

<div class="window" id="draggable" style="width: 300px">
<div class="title-bar">
<div class="title-bar-text"><img src="https://supplies.ju.mp/assets/images/gallery04/2fa9ac13.gif?v=634a164c"> About me...</div>
<div class="title-bar-controls">
<button aria-label="Minimize"></button>
<button aria-label="Maximize"></button>
<button aria-label="Close"></button>
</div>
</div>
<div class="window-body">
<p> <img src="https://cinni.net/images/doll/own/jade-pixeldoll.png"> <br> 14 white lesbian <br> <strong>she only</strong> <img src="https://supplies.ju.mp/assets/images/tiny1/f5821efb.gif?v=634a164c"> </p>
<body>
</div>
<div class="status-bar">
<p class="status-bar-field">Press F1 for help</p>
<p class="status-bar-field">Slide 1</p>
<p class="status-bar-field">CPU Usage: 14%</p>
</div>

<!--the next .window goes in a different embed from the above code -->

<div class="window" style="width: 200px">
  <div class="title-bar">
    <div class="title-bar-text"><img src="https://supplies.ju.mp/assets/images/gallery04/2fa9ac13.gif?v=634a164c"> www.Kianas-World.com</div>
    <div class="title-bar-controls">
      <button aria-label="Minimize"></button>
      <button aria-label="Maximize"></button>
      <button aria-label="Close"></button>
    </div>
  </div>
  <div class="window-body">
  <p> <div id="tab">
<div class="nb"><div class="sp"></div>
<strong>I <3</strong> <em>loona</em>, fashion, makeup, shopping, pink, webtoons, royale high, twice, sweets, flowers, connor eats pants, reptiles, insects, cats
</div>

<div class="nb"><div class="sp"></div>
<strong>dnf:</strong> if ur like -12, weirdos and freaks you know who you are, dickriders, chronically online twitch frogs, loona anti's
</div>
</div>
  </div>
  <div class="status-bar">
    <p class="status-bar-field">Press F1 for help</p>
    <p class="status-bar-field">Slide 1</p>
    <p class="status-bar-field">CPU Usage: 14%</p>
  </div>

<!-below can go in its own embed but like. i just put it after </style> in the styling embed LOL -->

<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
<script>
$( function() {
$( "#draggable" ).draggable();
} );
</script>

<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
<script>
$( function() {
$( "#draggable2" ).draggable();
} );
</script>