body{
    background-color: grey;
    margin: 10px;
}

header h1{
    padding: 10px;
}

.banner{
    background-color: black;
    opacity: 60%;
    color: white;
    text-align: center;
}

.conteudo{
    background-color: rgba(0, 0, 0, 0.1);
    color: white;
    width: auto;
    height: 330px;
    text-align: center;
    padding-top: 20px;
    font-size: 20px;
}

input{
    width: 150px;
    height: 35px;
    border-radius: 6px;
    text-align: center;
    font-size: 20px;
}

.conteudo button{
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    height: 35px;
    font-size: 20px;
    font-family: Helvetica;
    width: 120px;
    display: inline-block;
    text-decoration: none;
    transition: .3s;
    border-radius: 10px;
}

button:hover{
  background-color: rgb(128, 120, 120);
}

#botaoLimpar{
    width: 220px;
}

footer h3{
    padding-top: 10px;
}

footer p{
    padding-bottom: 10px;
}