/* 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: Verdana;
  background-image: url('umaru.jpg');
  background-repeat: repeat;
  background-position: top left;
  background-attachment: fixed; /* Optional: keeps image from scrolling */
  background-size:  25%;
}

.simple-menu {
  width: 200px; /* Set a width for your menu */
  height: 250px; /* Set a fixed height */
  padding: 15px; /* Add some space inside the box */
  background-color: #333; /* Dark background */
  color: #fff; /* Light text color */
  border-radius: 10px; /* Rounded corners */
  overflow-y: scroll; /* This makes the scroll bar appear */
}

.simple-menu ul {
  list-style-type: none; /* Removes bullet points */
  padding: 0;
  margin: 0;
}

.simple-menu li a {
  display: block; /* Makes the entire link clickable */
  padding: 8px 10px;
  color: #fff;
  text-decoration: none; /* Removes the underline from links */
}

.simple-menu li a:hover {
  background-color: #555; /* Changes color on hover */
}