<h1>SUMMER</h1>
@import url(https://fonts.googleapis.com/css?family=Chivo:900);

html {
	background: #eee
		url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/5383/Nature-HD-Pictures.jpg")
		no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: "Chivo", sans-serif;
	height: 100%;
	font-size: 62.5%;
}
body {
	min-height: 100%;
	display: grid;
	place-items: center;
	width: 100%;
}
h1 {
	font-size: 20em;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	color: #eee;
	-webkit-mask-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/5383/splatter-mask_1_1.png");
	mask-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/5383/splatter-mask_1_1.png");
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js