@charset "UTF-8";


body{
	background-color: rgb(200,255,200);
	color: black;
	margin: 0px;
	width: 99%; 
	max-width: 650px;
	margin: auto;
}
header{
	text-align: center;
}


.main{
	background-color: rgb(250,255,255);
	padding: 8px;
	border: 1px solid gray;
	border-radius: 10px;
	text-align: left;
    margin: 15px 0px;
}
.questao{
    margin: 10px 0px;
}
small{
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
	font-weight: 600;
}
input{
	border: none;
	border-bottom: 1px solid gray;
}
.informacoes{
	width: 97%;
	min-width: 97%;
	max-width: 97%;
	height: 50px;
	line-break: loose;
	line-height: 20px;
	border: 1px solid gray;
	padding: 2px;
	margin: 0px 0px 10px 0px;
}
#enviar{
	width: 100px;
	height: 50px;
	background-color: rgb(10,255,10);
	border: none;
	border-radius: 10px;
	margin: 1% 0% 0% 76%;
	text-align: center;
	cursor: pointer;
}

footer{
	width: 100%;
    margin: 0px;
    font-weight: lighter;
	display: flex;
	justify-content: center;
}
footer > a {
    text-decoration: none;
    color: rgb(0, 18, 100);
    font-weight: bolder;
	margin-left: 5px;
}
a:hover{
	text-decoration: underline;
	transform: translatey(0px);
	animation: flutua 0.5s ease-in-out 3;
}
@keyframes flutua {
	0%{
		transform: translatey(0px);
	}
	50%{
		transform: translatey(-10px);
	}
	100%{
		transform: translatey(0px);
	}

}