@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap');
html, body {height: 100%;}
body {background: #2d3f91 url('img/fundo.jpg') center center no-repeat;background-size: cover;background-attachment: fixed;font-family: "Nunito", "Arial", "Helvetica", sans-serif;font-weight: 400;font-size: 20px;margin: 0;}
.conteudo {width: 615px;max-width: 100%;margin:auto;text-align: center;}
img {width: 100%;height: auto;}
.area-form {background-color: #fff;padding: 20px 30px;margin: 20px 60px 0;box-shadow: 0 0 8px rgb(0 0 0 / 0.25);}
.fonte600 {font-weight: 600;}
.fonte700 {font-weight: 700;}
.fonte800, strong {font-weight: 800;}
.fonte12 {font-size: 12px;}
.fonte13 {font-size: 13px;}
.fonte16 {font-size: 16px;}
.fonte18 {font-size: 18px;}
.fonte20 {font-size: 20px;}
.fonte22 {font-size: 22px;}
.fonte24 {font-size: 24px;}
.fonte26 {font-size: 26px;}
.fonte28 {font-size: 28px;line-height: 30px;}
.fonte30 {font-size: 30px;}
input {background-color: #eaeaea;border: none;padding: 10px 16px;width: 100%;margin: 0 0 10px;}
body * {box-sizing: border-box;}
.borda6 {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.borda9 {-webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px;}
.borda22 {-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;}
.texto-vermelho {color: #b21622;}
.texto-branco {color: #fff;}
.texto-verde {color: #008236;}
.texto-amarelo {color: #ffe100;}
.texto-esquerda {text-align: left;}
.block {display: block;}
.mt-0 {margin-top: 0; }
.m-0 {margin: 0; }
.linha {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -3px;margin-left: -3px;}
.coluna3 {position: relative;width: 100%;-ms-flex: 0 0 33.33%;flex: 0 0 33.33%;max-width: 33.33%;padding: 0 3px;}
.coluna8 {position: relative;width: 100%;-ms-flex: 0 0 12.5%;flex: 0 0 12.5%;max-width: 12.5%;padding: 0 3px;}
.coluna4 {position: relative;width: 100%;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;padding: 0 3px;}
.coluna2 {position: relative;width: 100%;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;padding: 0 3px;}
input[type="number"] {font-size: 77px;text-align: center;color: #63635c;padding: 10px 10px 15px;height: 85px;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}
.degrade {background: #155faa;background: -moz-linear-gradient(left, #155faa 0%, #2d3f91 100%);background: -webkit-linear-gradient(left, #155faa 0%,#2d3f91 100%);background: linear-gradient(to right, #155faa 0%,#2d3f91 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#155faa', endColorstr='#2d3f91',GradientType=1 );margin: 26px 0 0 0;cursor: pointer;}
.degrade:hover {opacity: 0.5;}
.anim {-webkit-transition: all 350ms ease-in-out;-moz-transition: all 350ms ease-in-out;-ms-transition: all 350ms ease-in-out;-o-transition: all 350ms ease-in-out;transition: all 350ms ease-in-out;}
.texto-upper {text-transform: uppercase;}
button {background-color: transparent;border: none;padding: 0;}
button img {max-width: 80px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.conteudo-palpite {position: relative;}
.area-degrade-cinza {background: #575b72;background: -moz-linear-gradient(top, #575b72 0%, #313340 100%);background: -webkit-linear-gradient(top, #575b72 0%,#313340 100%);background: linear-gradient(to bottom, #575b72 0%,#313340 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575b72', endColorstr='#313340',GradientType=0 );position: absolute;top: 50px;left: 0;right: 0;height: 100%;z-index: -1;box-shadow: 0px -4px 10px rgb(0 0 0 / 22%);}
#captchaInput {width: 50px;margin-left: .5em;font-size: 20px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
span.valor {display: inline-block;padding: 10px 30px;background-color: rgba(46, 52, 58, 0.75);margin: 0 0 45px;}
.times > div {margin: 0 0 20px;}
.time {background-color: #dddddd;font-size: 13px;border-radius: 6px;overflow: hidden;height: 100%;}
.time span {display: block;padding: 0 0 6px;}
@media screen and (max-width: 767px) {
	.area-form {padding: 10px 15px;margin: 20px 30px 0;}
}