body {
    background-image: url('https://puppy-sick.neocities.org/sitebg.png');
}

h1, h2, h3, #description {
  text-align: center;
  }
  
            #header {
                width: 1300px;
                text-align: center;
                font-size: 32px;
                padding: 10px;
                background-color: #2B2226;
                color: white;
                margin: 10px;
                height: 50px;
                background-size: 100%;
                border: 3px double;
                border-color: #5D233A;
            }
  
/*Normally inside the header.*/
#description {
  padding: 10px;
  margin: 10px auto;
  }

/*Contains the columns of posts.*/
.column-wrapper {
  columns: 3;
  min-height: 80%;
  width: 80em;
  margin: 0 auto;
  column-gap:10px;
  }
  
/*Variable and fixed-height boxes.*/
.post, .post-scroller {
  display: inline-block;
                  border: 3px double;
                border-color: #5D233A;
  background: #2B2226;
  color: #b8999d;
  margin: 0 auto;
  margin-bottom:10px;
  overflow-y: auto; /*To give fixed-height posts a scroller, and make images outside the post-inner div conform to rounded corners.*/
  }
  
.post-inner { /*because padding doesn't play nice with divs directly inside columns*/
  margin: 10px;
  }
  


@media(max-width:80em) { /*Allow smaller side margins on narrower screens.*/
  #header, #description, .column-wrapper, .footer-columns {
    width: 90%;
    }
    
  }  

@media(orientation:portrait) { /*Removes columns entirely for mobile*/
  .column-wrapper, .footer-columns {
    columns: 1;
    }
  }