body { /*everything visible on your page is contained within a body tag, change the properties of 'body', changes the whole page*/
    color: #ffae00;
    font-family: 'Nimbus Mono PS', 'Courier New', monospace; /*font for the whole page*/
    font-weight: normal;
    background-color: #4d411a;
    background-image:
    repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
    repeating-linear-gradient(60deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
    linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)),
    linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1));
    background-size: 70px 120px;
}   
#container {
    display: flex; 
    width: 1500px;
    margin-left: auto;
    margin-right: auto; 
}
#header {
  width: 1500px;
  margin-top: 60px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: #502e36;
  background-image: repeating-linear-gradient(transparent, transparent 50px, rgba(0,0,0,.4) 50px, rgba(0,0,0,.4) 53px, transparent 53px, transparent 63px, rgba(0,0,0,.4) 63px, rgba(0,0,0,.4) 66px, transparent 66px, transparent 116px, rgba(0,0,0,.5) 116px, rgba(0,0,0,.5) 166px, rgba(255,255,255,.2) 166px, rgba(255,255,255,.2) 169px, rgba(0,0,0,.5) 169px, rgba(0,0,0,.5) 179px, rgba(255,255,255,.2) 179px, rgba(255,255,255,.2) 182px, rgba(0,0,0,.5) 182px, rgba(0,0,0,.5) 232px, transparent 232px),
repeating-linear-gradient(270deg, transparent, transparent 50px, rgba(0,0,0,.4) 50px, rgba(0,0,0,.4) 53px, transparent 53px, transparent 63px, rgba(0,0,0,.4) 63px, rgba(0,0,0,.4) 66px, transparent 66px, transparent 116px, rgba(0,0,0,.5) 116px, rgba(0,0,0,.5) 166px, rgba(255,255,255,.2) 166px, rgba(255,255,255,.2) 169px, rgba(0,0,0,.5) 169px, rgba(0,0,0,.5) 179px, rgba(255,255,255,.2) 179px, rgba(255,255,255,.2) 182px, rgba(0,0,0,.5) 182px, rgba(0,0,0,.5) 232px, transparent 232px),
repeating-linear-gradient(125deg, transparent, transparent 2px, rgba(0,0,0,.2) 2px, rgba(0,0,0,.2) 3px, transparent 3px, transparent 5px, rgba(0,0,0,.2) 5px);
}
#sidebar {
    width: 200px;
    background-color: #94728f;
    margin-right: 40px;
}
a {
    display: block; 
    color: #000000;
    background-color: #dac078;
    margin-bottom: 10px;
    padding: 5px;
    padding-left: 10px;
    border-left: 5px solid #cc9600;
    border-bottom: 10px solid #cc9600;  
  }
#sidebar a:hover {
    display: block;
    border-bottom: 5px solid #855000;
    border-left: 3px solid #855000;
}
#content {
    width: 1300px;
    background-color: #e9d0df;
    color: #000000;
    padding: 50px;
    font-size: 22px;
}
#content img {
    margin: 10px;
}
h2 {
    text-align: center;
}
#raccoon1 {
    position: absolute;
    margin-left: -100px;
}
#footer {
  width: 1500px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: #502e36;
}
#header, #footer, #sidebar, #content { /* If we want to apply the CSS to multiple elements, we specify them in a comma-separated list like this*/
    padding: 20px; 
}
* {
    box-sizing: border-box; 
  }