/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */


body {
  background-image: url(https://imglink.cc/cdn/RdE4WRRx7F.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
body {
  cursor: url(https://imglink.cc/cdn/_jmcDrQF91.gif), auto;
}

a, a:hover {
    cursor: url(https://imglink.cc/cdn/esuDhtYPYq.gif), pointer;
}
.blinkie-box {
    border: 2px solid #000;
    background-color: #fff;
    padding: 500px;
    width:  840px;
    border-radius: 5px;
}


<div class="win95-dialog">
  <!-- Title Bar -->
  <div class="win95-title-bar">
    <span class="win95-title">Hey</span>
    <button class="win95-close-btn" aria-label="Close">×</button>
  </div>
  
  <!-- Dialog Content Body -->
  <div class="win95-body">
    <!-- Computer Icon (Using an emoji placeholder or your own custom icon) -->
    <div class="win95-icon">💻</div>
    
    <div class="win95-text-content">
      <p>You know it, don't you? It doesn't matter what you do. All your achievements. The fleeting moments of what seems to be happiness. All the smiles and laughs. A void will always be there, dormant and latent.</p>
      <p>It will never go away.</p>
    </div>
  </div>
  
  <!-- Action Button -->
  <div class="win95-footer">
    <button class="win95-action-btn">I know</button>
  </div>
</div>




/* The Main Popup Window */
.win95-popup {
  background-color: #c0c0c0; /* Classic Win95 Gray */
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #808080;
  border-bottom: 2px solid #808080;
  padding: 3px;
  width: 300px;
  font-family: 'MS Sans Serif', Arial, sans-serif;
  box-shadow: 2px 2px 0px #000000;
}

/* The Title Bar */
.win95-titlebar {
  background: linear-gradient(90deg, #000080, #1084d0); /* Gradient blue or solid #000080 */
  color: white;
  padding: 3px 5px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* The Close Button */
.win95-close-btn {
  background-color: #c0c0c0;
  border: 1px solid #c0c0c0;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 2px solid #404040;
  border-bottom: 2px solid #404040;
  font-weight: bold;
  font-size: 10px;
  padding: 2px 5px;
  cursor: pointer;
}

/* The Content Area */
.win95-content {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* The Text Box (Pressed-in effect) */
.win95-textbox {
  background-color: #ffffff;
  border: 2px solid #c0c0c0;
  border-top: 2px solid #808080;
  border-left: 2px solid #808080;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  padding: 4px;
  font-family: monospace;
  resize: none;
  outline: none;
}

/* The Button Container and Button */
.win95-button-container {
  display: flex;
  justify-content: center;
}

.win95-btn {
  background-color: #c0c0c0;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #404040;
  border-bottom: 2px solid #404040;
  padding: 4px 15px;
  font-size: 12px;
  cursor: pointer;
  min-width: 60px;
}

.win95-btn:active {
  border-top: 2px solid #404040;
  border-left: 2px solid #404040;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  padding: 5px 14px 3px 16px; /* Simulates button moving down/right */
}