html, body { 
	height: 100%; 
}

body {
	background: rgb(252,233,165);
	background: linear-gradient(rgba(252,233,165,1) 0%, rgba(161,192,197,1) 100%);
	font-family: 'Noto Sans', Arial, sans-serif;
	color: #669198;
	}
	
h1 {
	font-family: 'Fjalla One', Arial, sans-serif;
	color: #ec63b1;
	font-size: 60px;
	text-shadow: 1px 13px 5px rgba(0,0,0,0.15);
}

.full-height {
	height: 100%;
}

@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) {
	
	h1 {
		font-size: 40px;
	}
	
}

@media (prefers-color-scheme: dark) {
	
	body {
		background: rgb(252,233,165);
		background: linear-gradient(rgba(30,16,41,1) 0%, rgba(203,106,123,1) 100%);
		color: #fff;
	}
	
	h1 {
		text-shadow: 1px 13px 5px rgba(0,0,0,0.35);
	}

}