It's the best PAGE~~!

I made this in notepad. This reminds me of my ol' 'Myspace' days of creating a layout and the
G R A P H I C S

BLUE CYBER CENTER layout

<!DOCTYPE html>
<html>
<head>
<br><pre><code><textarea>
<meta char set=“UTF-8”>
  <title>DigiDreams</title>
  <style>
   body {
          cursor: url('https://alysonlasley.space/Dolphin-anicur.png'), auto;
        }
   a:hover {
          cursor: url('https://alysonlasley.space/Dolphin-anicur.png'), pointer;
        }
    </style>    
  <style> 
    body{
	  background-color: #9EAFFF;
	  background-image: url(https://i.ibb.co/VcM0Xhb9/IMG-8679.gif)
	  background: transparent !important; 
    background-attachment:fixed;
 }	  
.music-widget {
  	position: fixed; /* Keep it in the same place when scrolling */
  bottom: 20px;
  right: 20px;
  background-color: #333;
  color: white;
  padding: 10px 15px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 1000; /* Ensure it stays on top of other elements */
}

.play-pause-btn {
  padding: 8px 12px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
}

.play-pause-btn:hover {
  background-color: #0056b3;
}

.volume-slider {
  width: 80px;
}
.body{
    background-color:"#9EAFFF";
    background-image: url( https://i.ibb.co/XxNC9KMq/IMG-9265.png);
    background-repeat: norepeat;
    background-size: cover;
    }

/* --------- MAIN CONTENT BOX --------- */
.content1 {
    background: transparent;
    background-color: rgba(158, 175, 255, 0.65);
    border-radius: 15px;
    padding: 20px;
  width: 300px;
  text-align: center;
    border: 15px;
    width: 400px;
    height: 350px;
    position: absolute;
    overflow: auto;
    top: 320px;
    left: 45%;
    margin-left: -90px;
    font-family: arial;
    font-size: 10pt;
    line-height: 14px;
    color: #820E40;
    }
  .shadow-text {
    font-size: 14px;
    color: #820E40; /* Color of the main text */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Horizontal offset, vertical offset, blur radius, color (with alpha for transparency) */
  }

/* --------- LEFT SMALL BOX --------- */
.content2 {
    background: transparent;
    width: 550px;
    height: 250px;
    position: absolute;
    top: 120px;
    left: 45%;
    margin-left: -310px;
    overflow: auto;
    opacity: 0.70;
    filter: alpha(opacity=70);
}

/* --------- FOOTER --------- */
 .grid {
   display
   table: 3
   border: 15px;
   background: rbga(0,253,745, 0.75)
   font-size:10pt;
   color: #9EAFFF
   padding:20px;
   box: 5;
   width: 976;
   height: 376;
 }
   
   
    </style>
    <div class="image">
    <img src="https://i.ibb.co/HTZwqPrK/IMG-9592.png" width=1570 height=902></div>
    <div class="content1">
<img src="https://i.ibb.co/RkPfK4XF/IMG-8629.png" alt="IMG-8629" height=20 border="0">
<img src="https://i.ibb.co/gM7vMjz6/IMG-8552.gif" alt="IMG-8552" height=20 border="0">
    <i><u>this is the content block..
   </i></u>
   <br><br><br><br>
    <p>This is the section to add codes or (remove hyphens and spaces) -< img src= "url" >- </p>
  <img src="https://i.ibb.co/gM7vMjz6/IMG-8552.gif" alt="IMG-8552" height=20 border="0">
  <img src="https://i.ibb.co/RkPfK4XF/IMG-8629.png" alt="IMG-8629" height=20 border="0">
  <br><br><br><br><br><br><br><br><br>
  <br><br><br><br><br>-------------------------------------------------------<br><br><br><br><br><br>  </div>
  <div class=grid>
  </div>

<div id="music-widget">
  <audio id="background-audio" loop>
    <source src="https://drive.google.com/uc?export=download&id=0ADOkTKQwIJ5YUk9PVA" type="audio/mpeg">
    Your browser does not support the audio element.
  </audio>
  <button id="play-pause-btn">Play</button>
  <input type="range" id="volume-slider" min="0" max="1" step="0.01" value="0.5">
</div>
<script>
document.addEventListener('DOMContentLoaded', (event) => {
  const audio = document.getElementById('background-audio');
  const playPauseBtn = document.getElementById('play-pause-btn');
  const volumeSlider = document.getElementById('volume-slider');

// 1. Play/Pause functionality
  playPauseBtn.addEventListener('click', () => {
    if (audio.paused) {
      // NOTE: Modern browsers require user interaction (like a button click)
      // to play audio/video, which is why we handle the play command here.
      audio.play()
        .then(() => {
          playPauseBtn.textContent = 'Pause';
        })
        .catch(error => {
          console.error("Audio playback failed:", error);
          alert("Automatic playback blocked by browser. Please try again.");
        });
    } else {
      audio.pause();
      playPauseBtn.textContent = 'Play';
    }
  });

// 2. Volume control
  volumeSlider.addEventListener('input', () => {
    audio.volume = volumeSlider.value;
  });

// Set initial volume
  audio.volume = volumeSlider.value;
});

</script>

</body>
</html></pre></code>

.Graphics.Page.

RETRO NOTEPAD LAYOUT