/* 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-color: white;
  color: black;
  font-family: Arial ;
}

/* Tiny Hand - https://www.cursors-4u.com/cursor/tiny-hand-10 */
* {
  cursor: url('https://cdn.cursors-4u.net/previews/tiny-hand-2cfa755c-32.webp') 34 32, auto !important;
}
    
/* End www.Cursors-4U.com Code */
.main-container {
  position: absolute; /* Crucial: anchors the absolute child */
  right: 515px;
  width: auto;
  height: 200px;
  background-image: url('sleep.jpg');
  background-size: contain;
  background-position: center;
}

.overlay-image {
  position: absolute;
  top: 170px;       /* Adjust spacing from the top edge */
  right: 200px;     /* Adjust spacing from the right edge */
  width: 200px;     /* Size of your overlay image */
  height: auto;
  z-index: 10;     /* Ensures it stays on top layer */
}
a, a:link, a:visited, a:active {
    color: #000000; /* Replace with your preferred color */
    text-decoration: none; /* Optional: Removes the default underline */
}

a:hover {
  color: #808080;
  text-decoration: underline;
  }