title: CSS Top margin shrinks when window shrinks
body: <p>I want a top margin for my  webpage of say 100px when the window is maximised, but if the user resizes the window to shrink it I want this margin to shrink. The margin should have a minimum size of say 10px and should shrink in proportion to the window height.</p>
  
  <p>An example if what I am trying to emulate is <a href="http://www.bing.com/" rel="nofollow noreferrer">http://www.bing.com/</a></p>
  
  <p>How would I go about implementing this in CSS? I'm stuggling with <code>min-height</code>, <code>min-width</code>, <code>height</code> and <code>width</code> at the moment.</p>
  
  <p>Thanks.</p>