p {
  color: #d00000;
  
}
a {
  color: #ed0000;
}
body {
  font-family: Arial;
    font-size: 20px;
      text-align: left;
    background: #000000 url(https://slo0op.neocities.org/IMG_0162.gif) repeat;
    background-size: 50px;
    display: block;
    padding: 50px 50px;
}
#navigation {
    position: relative;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    border-radius: 20px;
    background-color: #100000;
    padding: 20px;
}
#content {
  position: relative;
  top: 0px;
  left: 100px;
    margin-left: 100px;
    margin-right: 100px;
    border-radius: 20px;
    padding: 10px;
    background-color: #100000;
}
main { 
  position: relative;
  top: 0px;
  left: 100px;
  width: 80%; /* Set a width for your main content */
    margin: 20px auto; /* Center the main content horizontally with auto margins */
    padding: 20px; /* Add some internal spacing */
    background-color: #100000; /* Light gray background */
    border: 1px solid #100000; /* Add a subtle border */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */
    border-radius: 20px;
}
sidenav {
 position: absolute;
 top: 100px;
 left: 55px;
  width: 11%;
  margin: 20px auto; /* Centers the content horizontally */
  padding: 20px;
  background-color: #100000;
  border: 1px solid #100000;
  border-radius: 20px;
}
footer {
  position: relative;
  top: 0px;
  left: 100px;
  margin-left: 100px;
   margin-right: 100px;
    border-radius: 20px;
    padding: 10px;
    background-color: #100000;
}
 /* headings */
h1 {
    font-family: Georgia;
  color: #d00000;
 font-size: 35px;
}
h2 {
      font-family: Georgia;
  font-size: 30px;
  color: #d00000;
}
h3 {    
font-family: Georgia;
  font-size: 25px;
  color: #d00000;
}
h4 {
      font-family: Georgia;
  font-size: 15px;
  color: #d00000;
}
h5 {
      font-family: Georgia;
  font-size: 12px;
  color: #d00000;
}
h6 {
      font-family: Georgia;
  font-size: 10px;
  color: #d00000;
}
