body {
  background: #f7d5f7 url("images/aboutmeback.jpg"); /*Replace with your own background*/
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  font-family: "VT-100", fixedsys, System, monospace;
  font-size: 13px;
  cursor:
    url("https://cdn.cursors-4u.net/previews/light-grey-pointer-4011ccbd-32.webp") 41 38,
    auto !important;
}

center {
  text-align: center;
}

a {
  color: #000000;
}

/*All sidebars go in here.*/
.sidebar-group {
  position: fixed;
  top: 0;
  margin-top: 25px;
  left: 0; /* ensure stable reference */
}

/*Code shared by all window-style boxes. To see what different specific sidebar classes look like, check the demo page.*/
.sidebar,
.mini-sidebar,
.wide-sidebar,
.box {
  background: #dcdcdc;

  border-top: 2px solid white;
  border-left: 2px solid white;
  border-bottom: 2px solid #7a7a7a;
  border-right: 2px solid #7a7a7a;

  border-radius: 0; /* remove rounded corners */
  box-shadow: none; /* remove modern shadow */
}

/*Prevent image overflow.*/
.sidebar img,
.mini-sidebar img,
.wide-sidebar img,
.box img {
  max-width: 100%;
  height: auto; /*Prevent squishing*/
}

.sidebar,
.sidebar-box {
  display: inline-block;
  vertical-align: top;
  width: 160px;
}

/*Container for vertical stacks of multiple mini-sidebars*/
.sidebar-box {
  margin-left: 10px;
}

.sidebar {
  width: 160px;
  margin-left: 25px;
}

.mini-sidebar {
  margin-bottom: 25px;
}

.wide-sidebar {
  margin-left: 25px;
  margin-top: 25px;
  width: 340px;
  min-height: 150px;
}

/*Inside/main text of window boxes.*/
.inner {
  padding: 10px;
  padding-bottom: 5px;
  padding-top: 0px;
}

/*The title bar at the top of window boxes.*/
.title-bar,
.box-title-bar {
  background: #b3b3b3;
  color: black;

  font-weight: bold;
  padding: 4px 6px;

  border-bottom: 2px solid #7a7a7a;
}

/*The title bar of boxes has slightly more padding, since there's more room to space text.*/
.box-title-bar {
  padding: 7px;
  padding-top: 5px;
  padding-bottom: 5px;
}

/*For the symbol in the top right corner.*/
.right {
  float: right;
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #dcdcdc;

  border-top: 2px solid white;
  border-left: 2px solid white;
  border-bottom: 2px solid #7a7a7a;
  border-right: 2px solid #7a7a7a;

  padding: 0px 5px;
  line-height: 14px;
  margin-left: 5px;
}

/*Round circular image.*/
.icon {
  border: #515650 solid 2px;
  border-radius: 50%;
}

/*Main body text boxes.*/
.box {
  margin-top: 25px;
  margin-left: 400px;
  width: 455px;
  margin-bottom: 25px;
}

/*this part is a joke. no need to use it.*/
.big-quote {
  font-size: 32px;
  color: #585e56;
  letter-spacing: 6px;
  word-spacing: 2px;
  font-family: "Garamond", "Bookman", serif;
  position: fixed;
  margin-left: 1050px;
  margin-top: 300px;
  top: 0;
  width: 300px;
}

wide {
  letter-spacing: 16px;
}

midwide {
  letter-spacing: 3px;
}
.active-title {
  background: #000080;
  color: white;
}

/*return home button*/
/* Floating home button box */
.home-box {
  position: fixed; /* important */
  left: 200px; /* adjust horizontally */
  top: 800px; /* adjust vertically */
  width: 140px;
  z-index: 10;
}

/* Make the link look like a retro button */
.home-link {
  display: inline-block;
  background: #dcdcdc;
  border-top: 2px solid white;
  border-left: 2px solid white;
  border-bottom: 2px solid #7a7a7a;
  border-right: 2px solid #7a7a7a;
  padding: 4px 10px;
  text-decoration: none;
  color: black;
  font-family: "Arial", sans-serif;
}

.home-link:hover {
  background: #c3c3cd;
  cursor: url('https://cdn.cursors-4u.net/previews/light-green-pointer-aa2ac210-32.webp') 41 38, auto !important;
  
}
/*fixing bullet point padding*/
ul {
  padding-left: 16px; /* reduce this value */
  margin-left: 0;
}