/*  */

html,body {text-align: center; margin:0; padding: 0;}
html {background-image:url(imagens/bg_tela_quiz.png); background-repeat:no-repeat; background-size:auto; }
.tit_quiz {text-align: center;}
.pergunta {margin: 0 0 20px 0;}
textarea {display:block; width:100%; height:130px; margin: 0 auto; border-radius:10px; border:1px solid #000000;}

.tela_inicial {background-image:url(imagens/bg_tela_inicial.png); background-repeat:no-repeat; background-size: cover; width:100%; height:-webkit-fill-available; position:absolute; padding: 23% 0 0 0;}
.logo_martins_tim {display:block; margin:0 auto; width:40%; height: auto;}
.logo_quiz {display:block; margin:40px auto 0 auto; width:60%; height: auto;}
.cpf-field {margin:100px auto 0 auto; color:#38b0f1; text-align:left; display:block; width:50%;}
.cpf-field input {display:block; width:100%; border:1px solid #38b0f1; border-radius:5px; height:30px; background-color:transparent; color:#ffffff; padding:0;}
.btn_entrar {background-color:#ff3d61 !important; color:#000000; text-align: center; font-size:12px; border: none; border-radius:5px; width:100%; height:30px; margin:30px auto 0 auto;}

.tela_quiz {background-image:url(imagens/bg_tela_quiz.png); background-repeat:no-repeat; background-size: cover; width:100%; height:-webkit-fill-available; position:absolute; padding:12% 0 0 0; display:none; color:#000000; text-align:left;}
.area_form {width:74%; height: auto; padding:20px; background-color:#ffffff; margin:0 auto 30px auto; border-radius:20px;}
.header_quiz {width:82%; height: auto; margin:0 auto 20px auto; display:block;}
.tela_quiz label {margin:0 0 10px 0; display:block;}
.btn_enviar {background-color:#38b0f1 !important; color:#ffffff; text-align: center; font-size:14px; border: none; border-radius:5px; width:100%; height:30px; margin:10px auto 0 auto;}

.tela_sucesso {background-image:url(imagens/bg_tela_quiz.png); background-repeat:no-repeat; background-size: cover; width:100%; height:-webkit-fill-available; position:absolute; padding:35% 0 0 0; display: block; color:#000000; text-align:left;}
.area_sucesso {width:74%; height:auto; padding:20px; background-color:#ffffff; margin:0 auto; border-radius:10px;}
.btn_novoquiz {background-color:#38b0f1 !important; color:#ffffff; text-align: center; font-size:14px; border: none; border-radius:5px; width:83%; height:30px; margin:20px auto 0 auto; display:block;}
.presente {width:80%; height:auto; margin:60px auto; display:block;}

h2 {text-align:center; font-family:sans-serif;}