:root{
	--white: #F2F3F5;
}

/*...........................................................

	 colour scheme + background

..........................*/

body{
	background-color: var(--black);
	background-image: url("../background/01-a.png"), url("../background/00-a.png"), url("../background/04.png");

}

h1, h2, h3{
/*	text-shadow: 0.07em 0.07em var(--jacket);*/
	color: var(--white);
}

a{
	color: var(--red2);
}

h1{
	text-shadow: 
		0.05em 0.05em var(--black),
		-0.05em -0.05em var(--black),
		-0.05em 0.05em var(--black),
		0.05em -0.05em var(--black),
		0.08em 0.08em var(--red),
		-0.08em -0.08em var(--red),
		-0.08em 0.08em var(--red),
		0.08em -0.08em var(--red),
		0.1em 0.1em var(--coral);
}

/*..........................

	cute picture :+)

..........................*/

h1::before{
	background-image: url("../vector/love_02.png");
	outline: var(--outline) solid var(--red);
}


/*..........................

		text....

..........................*/

p{
	background-color: var(--white);
	background-color: rgba(255,255,255,0.95);
	filter: drop-shadow(0.33em 0.33em rgba(var(--shadow-rgb),0.33));
	border: calc(0.75 * var(--outline)) solid var(--red);
}
/*...........................................................

	FOOTER (links back home)

..........................*/

footer{
	color: var(--coral);
	text-shadow: 
		0.05em 0.05em var(--black),
		-0.05em -0.05em var(--black),
		-0.05em 0.05em var(--black),
		0.05em -0.05em var(--black),
		0.08em 0.08em var(--red),
		-0.08em -0.08em var(--red),
		-0.08em 0.08em var(--red),
		0.08em -0.08em var(--red),
		0.1em 0.1em var(--coral);
}

footer a{
	color: var(--white);
}

footer a:hover, footer a:focus, footer a:target{
	color: var(--coral);
}