.cabecalho {
	
	padding: 20px 40px;
}


body {

	background: #E5E5E5;
	padding: 3rem;
	
}

.inputPadrao {

	margin: 0px;
	margin-left: 100px;
	border: none;
	padding: 4rem 4rem;
	display: inline;
	background: #E5E5E5;
	padding: 0.5em;
	height: 493px;
    width: 50%;
	font-size: 2rem;

}

.inputPadrao:focus, input:focus {
box-shadow: 0 0 0 0;
outline: 0;
}

footer {
	

	text-align: center;
}

.Criptografar {
	width: 15%;
	margin-right:100px;
	padding:10px 30px;
	font-size: 2em;
	font-weight: bold;
	color: white;
	border: none;
	border-radius: 16px;
	background:blue;
	margin: 30px;
	position: static;
	margin: 0 0 40px;
}


.Descriptografar {
	width: 16%;
	padding:10px 30px;
	font-size: 2em;
	font-weight: bold;
	color: white;
	border: none;
	border-radius: 16px;
	background: blue;
	margin: 30px;
	margin-right: 15%;
	margin-top: 100px;

}

.Criptografar:hover {

	background: lightblue;

	transform: scale(1.2)

}

.Descriptografar:hover {

	background: lightblue;

	transform: scale(1.2)

}

.input-resultado {

	position: absolute;
    width: 30%;
    height: 60%;
    left: 37%;
    top: 4rem;
    margin-left: 51px;
    border-radius: 20px;
    border: none;
    padding: 35px;
	margin-left: 20%;
   font-size: 2rem;

}

.input-resultado:focus, input:focus {
box-shadow: 0 0 0 0;
outline: 0;
}

.copiar {

	padding:10px 30px;
	font-size: 2em;
	font-weight: bold;
	color: white;
	border: none;
	border-radius: 16px;
	background:blue;
	position: static;
	margin: 0 0 40px;
}

.copiar:hover {

	background: lightblue;

	transform: scale(1.2)
}

footer p {

	font-weight: bold;
	font-style: italic;
	margin: 2px

}