/* 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." */

html, body {
  height: 100%; /* Ensures the body takes up the full viewport height */
  margin: 0;   /* Removes default body margin */
}

body {
  background-color: black;
  color: white;
  font-family: "Comic Sans MS", "Comic Sans", sans-serif;
  text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
  
  /*background-image: url("eyez.gif"); /* Replace with your image path */
  /*background-repeat: no-repeat; /* Prevents the image from repeating */
  /*background-size: cover; /* Scales the image to cover the entire page */
  /*background-attachment: fixed; /* Keeps the background fixed when scrolling */
}

.center-text {
  text-align: center;
}

/*iframe { width:100%; height:300px; border:3px groove #f00 }
#over { font-size:5em; position:absolute; top:20px; left:20px; z-index:2 } */
#over { margin-top:-150px; text-align: center; align-content: center; z-index:2 }