body {
  color: white;
  height: 1800px;
  width: 100%;
  margin: 0px;
  background-image: url("/Images/Red_Hall.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  cursor: url("https://file.garden/aX4eLArkpGcOnM0d/Arrow%20Cursor%20with%20Shadow.cur"), pointer;
  font-family: 'Courier New', Courier, monospace;
  font-size: .9em;
}

.pal {color: white;
      outline: 2px solid white;
      text-align: center;
      background-image: url("/Images/Palestine.png");
      background-repeat: no-repeat;
      background-size: 25vw 100%;
      background-position: left center;
      align-items: center;
      height: 100px;
      line-height: 100px;
}

a {
  color: #DB86C4;
}

h1 {
  font-variant: Small-Caps;
  font-weight: bold;
}

h2 {
  font-variant: Small-Caps;
  font-weight: bold;
}

#content {
  z-index: 1;
  position: absolute;
  top: 30%;
  width: 100%;
}

#leftbar {
  z-index: 2;
  position: absolute;
  left: 10%;
  width: 25%;
  padding: 10px;
  border-radius: 15px;
}

#pfp {
  z-index: 3;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
}

#pfp img {
  width: 250px;
  border: 2px solid #ffffff66;
  border-radius: 14px;
}

#sidebar {
  z-index: 3;
  position: absolute;
  left: 0;
  width: 100%;
  top: 275px;
  background: #0C006666;
  border-radius: 15px;
  border: 1px solid #ffffff66;
  text-align: center;
}

#custom {
  z-index: 4;
  position: relative;
  background-color: #08080844;
  width: max-content;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 15px;
}

#poems {
  z-index: 2;
  position: absolute;
  right: 10%;
  width: 50%;
  height: 900px;
  background: #00000033;
  padding: 10px;
  border-radius: 15px;
  text-align: center;
}

#poems_left {
  z-index: 3;
  position: absolute;
  left: 30%;
  transform: translateX(-50%)
}

#poems_right {
  z-index: 3;
  position: absolute;
  right: 30%;
  transform: translateX(50%)
}

#list {
  line-height: 1.5em;
}