<style>
html, body
{
width: 100%;
height: 100%;
margin: 0 auto;
}
body
{
font-size: 20px;
text-align: center;
}
.height60
{
height: 60vh;
text-align: center;
color: #FFFFFF;
}
.height60
{
background-image:url(fundo.png);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.height40
{
height: 40vh;
color: #FFFFFF;
text-align: center;
vertical-align: middle;
}
.height40
{
background-image:url(fundo.jpg);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
header
{
text-align: center;
vergical-align: middle;
}
header
{
background-image: linear-gradient(to bottom, black, black, silver 100%);
color: #FFFFFF;
font-family: 'Elephant', Verdana;
display: table;
width: 100%;
}
.container
{
padding: 2%;
display: table;
}
.container2
{
padding: 6%;
display: table-cell;
}
#botão
{
border-radius: 5px;
color: red;
font-size="15"
font-family: verdana;
background:url('fundo.jpg');
width: 100px;
height: 20px;
}
</style>
Estou com uma dificuldade nesta página de testes: Coloquei para os elementos ficarem posicionados ao centro, tanto na vertical quanto horizontal, mas em algum momento eles bugaram na esquerda e não consegui arrumar.