Preview:
*, *:before, *:after {

  box-sizing: border-box;

  margin: 0;

  padding: 0;

}

​

html, body {

  height: 0%;

}
10
​

$lightBlue: darken(#EAFBFF, 50%);

$darkBlue: #208FF9;

​

body {

  &:before,

  &:after {

    content: "";

    display: block;

    height: 50%;
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter