*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
}


a{
	text-decoration: none;
	color: white;
}

header{
	text-align: center;
}

header p{
	margin: 15px;
}

footer{
	text-align: center;
}

body{
	background: #040147;
	color: white;
}

.container{
	padding: 30px 0px 30px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.background-one{
	background: #040229;
}


.box-text{
	padding: 15px;
	width: 600px;
}

.box-text h1{
	padding: 30px 0px 30px 0px;
	color: dodgerblue;

}

.box-text p{
	line-height: 1.6em;
}

.box-text button{
	padding: 20px;
	margin: 30px 0px 30px 0px;
	background-color: orange;
	font-weight: 800;
	font-size: 1.0em;
	border-radius: 5px;
	border: none;
	outline: none;
}

.box-text button:hover{
	background-color: dodgerblue;
	color: white;
}



.box-img{
	padding: 15px;
	width: 600px;
}


.box-img img{
	width: 100%;
	border-radius: 10px;
}

.img-social{
	margin: 10px;
	width: 50px;
}

.creditos{
	margin: 20px;
	font-size: 0.8em;
	color: dodgerblue;
}

.img-logos{
	width: 120px;
	margin: 15px;
}

.logo-main{
	width: 280px;
	margin: 20px;
}

.p-footer{
	font-weight: 300;
	line-height: 1.6em;
}


.animationFadeIn{
    animation: fadeIn 4s;
}

@keyframes fadeIn{
    0% {opacity:0}
    100% {opacity:1}
}

.reaveal-1, .reaveal-2, .reaveal-3 {
    visibility: hidden;
}


.bt-amarelo{
	padding: 20px;
	margin: 30px 0px 30px 0px;
	background-color: orange;
	font-weight: 800;
	font-size: 1.2em;
	border-radius: 5px;
	border: none;
	outline: none;
}

.bt-fixed{
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 50px;
}

.text-yellow{
	color: yellow;
}