title: Background Inside a Background
body: <p>I have been trynig to put a background inside a background on my website. I was able to put the background color that I wanted with this code:</p>
  
  <pre><code>&lt;body bgcolor="#F5F2D4"&gt;
  &lt;div class="Gallery"&gt;
  &lt;h1&gt; Gallery &lt;/h1&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>After, in  CSS I did the following</p>
  
  <pre><code>.Gallery h1 {
  text-align: center;
  font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
  font-size: 55px;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  line-height: 26.3999996185303px;
  background-color: White;
  }
  </code></pre>
  
  <p>The background would look something like this (B=Beige, W=White:</p>
  
  <pre><code>-------------------------
  |BB|WWWWWWWWWWWWWWWWWW|BB|
  |BB|WWWWWWWWWWWWWWWWWW|BB|
  |BB|WWWWWWWWWWWWWWWWWW|BB|
  |BB|WWWWWWWWWWWWWWWWWW|BB|
  |BB|WWWWWWWWWWWWWWWWWW|BB|
  -------------------------
  </code></pre>
  
  <p>This made the colors that I wanted in the background, but it is not scaled. It only has a few pixels of difference from the border of the browser until the White starts, is there any way to make the distance increase?</p>
  
  <p>Also, is there any way to make the White Background scroll all the way down?</p>
  
  <p>Thank you very much.</p>