.lz-modal {
display: none;
position: fixed;
z-index: 50;
left: 0;
top: 0;
width: 100%;
height: 100vh;
overflow: auto;
background-color: rgba(0,0,0,0.4);
} .lz-modal-content {
background-color: #fefefe;
margin: 10% auto;
padding: 20px;
border: 1px solid #888;
width: 50%;
text-align: center;
} @media all and (max-width: 980px) {
.lz-modal-content {
margin: 30% auto;
width: 80%;
}
} .abrir-modal {
cursor: pointer;
color: #007fff;
} .fechar-modal {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.fechar-modal:hover,
.fechar-modal:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
} #divisao-tabela-pontos {
overflow-x: auto;
}
#tabela-pontos {
font-family: 'Exo 2', Helvetica, Arial, Lucida, sans-serif;
color: #ffffff;
width: 100%;
border-collapse: collapse;
}
#tabela-pontos, #tabela-pontos td, #tabela-pontos th {
border: 2px solid #ffffff;
padding: 5px 15px;
text-align: center;
} @media all and (max-width: 980px) {
#tabela-pontos, #tabela-pontos td, #tabela-pontos th {
padding: 5px;
}
}