/* (A) FILL ENTIRE WINDOW */ body, main { width: 100vw; min-height: 100vh; } /* (B) - BACKGROUND */ body { /* (B1) REMOVE DEFAULT PAGE SPACING */ margin: 0; padding: 0; /* (B2) BACKGROUND IMAGE */ background-image: url("http://ijsselsloep.nl/images/logo-ijsselsloep.svg"); background-size: cover; background-position: center; background-repeat: no-repeat; } /* (C)

- FOREGROUND */ main { padding: 20px; color: #fff; background: rgba(0,0,0,0.5); } /* (X) NOT REALLY IMPORTANT */ * { font-family: Arial, Helvetica, sans-serif; box-sizing: border-box; }