html, body{
	background-color: var(--color-red);
	color: var(--darkred);
}

.header{
	background-color: var(--color-red);

}

main{
	padding-top: 15rem;
	font-size: 2rem;
}

.contact{
	color: var(--color-darkred);
}

h2{
	color: var(--color-pink);
	text-transform: uppercase;
	font-size: 2rem;
	
}

h3{

	font-size: 1rem;
	color:  var(--color-pink);
	line-height: 1.6;
}

.menu a,
.header a{
	color:  var(--color-pink);
}

main a{
	color: var(--color-pink);
	transition-duration: .5s;
}

main a:hover{
	transition-duration: .2s;
	padding-left: 5px;
	padding-right: 5px;
}




@media only screen and (max-width: 800px) {

	h1{
		font-size: 1.5rem;
	}




a:hover{
	

	padding-left: 0;
	padding-right: 0;
}


	}