:root {
	
	--nuage-1: hsl(60, 100%, 97.6%);
	--nuage-2: hsl(48, 20%, 80.4%);
	--bleu-ciel: hsl(215.3, 91.1%, 78%);
}

body {
	
	background: var(--bleu-ciel);
	background-image: url("sprites/default_water.png"); /* fallback */
	background-image: 
		linear-gradient(var(--bleu-ciel) 0%, var(--bleu-ciel) 10rem, transparent 25rem),
		url("sprites/default_water.png");
	background-size: 
		auto, 
		192px;
}

body > header .sitedesc {

	color: #2e2c36;
}

body > header nav a, 
body > header nav a:visited {

    color: #333;
    background: var(--nuage-1);
    padding: 0.5rem 2rem;
}

body > header nav li a {
	
	border-bottom: 0.125rem solid var(--nuage-2);
}

@media (min-width: 34.375rem) {

	body > header nav li:first-of-type a {
		
		border-left: 0.125rem solid var(--nuage-2);
	}

	body > header nav li:last-of-type a {
		
		border-right: 0.125rem solid var(--nuage-2);
	}
}

 
main > h1, 
main > h2 {

	color: white;
	text-shadow: 0 0 0.5rem hsla(0, 0%, 0%, 0.75);
}

body > footer {
	
	background: linear-gradient(transparent 0%, white calc(100% - 2rem));
}