body {
  background-color: rgb(17, 18, 56);;
}

h1 {
  color:white;
  text-align: center;
  font-family: monospace;
  font-size: 30px;
  text-shadow: -2px 2px black;

}

p {
  color:white;
  font-family: monospace;
}
a {
  color: orange;
  text-decoration: none;
}
li {
  display: inline;
  color: #ffa652;
  font-family: monospace;
}
ul {
  text-align: center;
}
.text-with-background {
  background-image: url(https://m.media-amazon.com/images/I/614ieURUgqL._UF1000,1000_QL80_.jpg); /* Replace with your image path */
  background-size: cover; /* Ensures the image covers the entire element */
  background-position: center; /* Centers the image within the element */
  background-repeat: no-repeat; /* Prevents the image from repeating */
  color: white; /* Adjust text color for readability against the image */
  padding: 20px; /* Add padding for better visual separation */
}

/*determines page and boarder size*/
.page {
  height: 100vh;
  border-width: 0 0px;
  border-style: hidden;
  position: fixed;
  top: 0px;
  bottom: 0px;
  right: 155px;
  left: 155px;
  z-index: -1;
  overflow: scroll;
}
/*call of the void, abyse*/

.cursed-text {
  letter-spacing: -3px;
  color: white;
  font-family: monospace;
}
/*Scrollbar
/* Styling the entire scrollbar */
::-webkit-scrollbar {
  width: 0px; 
}

/* Styling the scrollbar track (the background) */
::-webkit-scrollbar-track {
  background: black;
}

/* Styling the scrollbar thumb (the draggable part) */
::-webkit-scrollbar-thumb {
  background-color: black;
}

/* Styling the scrollbar thumb on hover */
::-webkit-scrollbar-thumb:hover {
  background-color: black;
}