*{
	 margin: 0px;
	 padding: 0px;
}
:root{
	 --cor0: #EEC5D2;
	 --cor1: #F29BC1;
	 --cor2: #F05196;
	 --cor3: #BD4076;
	 --cor4: #700C38;
	 --cor5: #5e213b;

	 --fonte-padrao:'Nunito', sans-serif;
	 --fonte-destaque:'PT Sans Narrow', sans-serif;
 }
 body{
	background-color: var(--cor1);
	font-family: var(--fonte-padrao);
 }
 header {
	background-color: #e6619a;
	min-height: 150px;
	text-align: center;
	padding-top: 40px;
}
header > h1 {
	color: var(--cor4);
	font-size: 3em;
	text-shadow: 2px 2px 0px var(--cor3);
	text-align: center;
	font-family: var(--fonte-destaque);
	margin-bottom: 20px; 
}
 header > p{
	color: var(--cor4);
	font-size: 1.6em;
	margin: auto;
	text-align: center;
 }
 nav{
	padding: 10px;
	text-align: center;
	background-color: #700C38;
	box-shadow: 3px 2px 5px #BD4076;
	transition-duration: 1s;
 }
 nav > a{
	 color: var(--cor0);
	 text-decoration: none;
	 padding: 8px;
	 text-align: center;
	 transition-duration: 1s;
	 margin: 30px
 }
 nav> a:hover{
	 background-color: var(--cor2);
	 color: var(--cor4);
	 text-decoration: none;
	 transition: background-color 1.5s;
 }
 main{
	max-width: 1000px;
    min-width: 350px;
    margin: auto;
    background-color: var(--cor0);
    padding: 25px;
    box-shadow: 0px 0px 10px var(--cor5);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
 }
 main >h2{
	color: var(--cor4);
	font-family: var(--fonte-destaque);
	font-size: 1.8em;
	text-indent: 15px;
	background-image: linear-gradient(to right, var(--cor1), transparent);
	margin-bottom: 30px;
}