body {
background-color: #2BBAE1;
background-image: url('bg.png');
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
@keyframes botaosemexendo {
0% {margin-left:0px;}
100% {margin-left:10px;}
}
@keyframes botaovoltando {
0% {margin-left:10px;}
100% {margin-left:0px;}
}
.botaonolado:hover {
animation: botaosemexendo 0.2s ease;
animation-fill-mode: forwards;
filter: brightness(125%);
}
.botaonolado:not(:hover) {
animation: botaovoltando 0.2s ease;
animation-fill-mode: forwards;
}
.botaonolado:active {
filter: contrast(125%);
}
p, label, textarea {
font-family: Segoe UI Light, sans-serif;
text-shadow: 1px 1px 2px black;
}
a {
text-decoration: none;
}
button {
background-color:#428FD5;
font-family: Segoe UI Light, sans-serif;
border:1px solid white;
color:white;
width:158px;
height:52px;
font-size:24px;
background-image:url('buttonaero.png');
background-size:100%100%;
}
button:hover {
background-color: #69A6DD;
filter: brightness(125%);
}
button:active {
background-color: #2C52B3;
filter: contrast(125%);
}
img:hover {
filter: brightness(105%);
}
img:active {
filter: contrast(105%);
}