/* CSS - Cascading Style Sheet */
/* Palette color codes */
/* Palette URL: http://paletton.com/#uid=33k0u0ku8SliiUCojTrLwQpNiuh */

/* Feel free to copy&paste color codes to your application */


/* As hex codes */

.color-primary-0 { color: #10D2E4 }	/* Main Primary color */
.color-primary-1 { color: #66E0EB }
.color-primary-2 { color: #3AD9E7 }
.color-primary-3 { color: #01CBDE }
.color-primary-4 { color: #018693 }

.color-secondary-1-0 { color: #FFB20F }	/* Main Secondary color (1) */
.color-secondary-1-1 { color: #FFD06D }
.color-secondary-1-2 { color: #FFC13D }
.color-secondary-1-3 { color: #FFAD00 }
.color-secondary-1-4 { color: #F1A400 }

.color-secondary-2-0 { color: #FF1B0F }	/* Main Secondary color (2) */
.color-secondary-2-1 { color: #FF756D }
.color-secondary-2-2 { color: #FF473D }
.color-secondary-2-3 { color: #FF0D00 }
.color-secondary-2-4 { color: #F10C00 }



/* As RGBa codes */

.rgba-primary-0 { color: rgba( 16,210,228,1) }	/* Main Primary color */
.rgba-primary-1 { color: rgba(102,224,235,1) }
.rgba-primary-2 { color: rgba( 58,217,231,1) }
.rgba-primary-3 { color: rgba(  1,203,222,1) }
.rgba-primary-4 { color: rgba(  1,134,147,1) }

.rgba-secondary-1-0 { color: rgba(255,178, 15,1) }	/* Main Secondary color (1) */
.rgba-secondary-1-1 { color: rgba(255,208,109,1) }
.rgba-secondary-1-2 { color: rgba(255,193, 61,1) }
.rgba-secondary-1-3 { color: rgba(255,173,  0,1) }
.rgba-secondary-1-4 { color: rgba(241,164,  0,1) }

.rgba-secondary-2-0 { color: rgba(255, 27, 15,1) }	/* Main Secondary color (2) */
.rgba-secondary-2-1 { color: rgba(255,117,109,1) }
.rgba-secondary-2-2 { color: rgba(255, 71, 61,1) }
.rgba-secondary-2-3 { color: rgba(255, 13,  0,1) }
.rgba-secondary-2-4 { color: rgba(241, 12,  0,1) }



/* Generated by Paletton.com © 2002-2014 */
/* http://paletton.com */


body {

    font-family: 'Noto Sans', sans-serif;
	/* Usar a cor color primary 0*/
	
	margin-left: auto;
	margin-right: auto;
	max-width: 90%;
	padding-top: 8px;
	padding-bottom: 24px;
/* 	padding-left: 24px padding-right: 24px; */

	background-image: linear-gradient(to bottom left, #51e9bf , #10cfe4, #8178ce, #FF00A7, #FF9550);
	height: 1920px;
}

div.nav {
	margin: auto;
	text-align: center;
}

ul.nav {
	background-image: linear-gradient(to bottom left, #ae1640 , #ef301b, #7e8731);	
	border: 4px solid #000000;
	color: #000000;
	border-radius: 10px;
	font-family: sans-serif;
	font-weight: bold;
	padding: 16px;
}

li.nav {
	display: inline;
	border-right: 2px solid #000000;
	padding-right: 8px;
	padding-left: 8px;
}

li.nav:last-child {
	border-right: 0px;
	color: #Ffffff;
}

a.nav {
	text-decoration: none;
	color: #000000;
}


h2 {
    font-family: 'Lobster', cursive;
	font-size: 35px;
	
}
li {
	font-family: 'Noto Sans', sans-serif;
	font-size: 25px
}

p {
    font-family: 'Dosis', sans-serif;
    font-size: 25px
}