body {
background-image: url('bgbolha.png'), url('bg.png');
background-size: 100%, 100%100%;
background-repeat: xy-repeat, no-repeat;
}

body, input, p {
font-family: Verdana, sans-serif;
}

p.button {
color: black;
text-shadow: 1px 1px 1px white;
filter: drop-shadow(1px 1px 1px black);
background-image: url('button.png');
background-size: 100%100%;
padding: 9px;
}

p.button:hover {
filter: contrast(115%) drop-shadow(3px 3px 1px black);
}

p.button:active {
filter: contrast(135%) drop-shadow(1px 1px 1px black);
}

input.button {
text-shadow: 1px 1px 1px white;
filter: drop-shadow(1px 1px 1px black);
}

input.button:hover {
filter: contrast(115%) drop-shadow(3px 3px 1px black);
}

input.button:active {
filter: contrast(135%) drop-shadow(1px 1px 1px black);
}

textarea.textare {
background-image: url('button.png');
background-size: 100%100%;
filter: saturate(0%) brightness(155%);
border: 1;
text-shadow: 0px 1px 2px black;
}

input.textare {
background-image: url('button.png');
background-size: 100%100%;
filter: saturate(0%) brightness(155%);
border: 1px solid grey;
text-shadow: 0px 1px 2px black;
padding: 5px;
}

p.infobox {
color: black;
padding: 9px;
width: 50%;
background-image: url('button.png');
background-size: 100%100%;
text-shadow: 0px 1px 2px black;
filter: drop-shadow(0px 2px 2px black);
}