body,html {
margin:0px;
display: grid;
height: auto;
width: auto;
justify-items: center;
background-color: #000040;
}

div.e{
    display:inline-block;
    background-color: #808080;
    margin-bottom:-4px;
    height: auto;
    width: auto;
    border: 1px solid #525252;
}
div.b{
    display:inline-block;
    background-color: #000070;
    margin-bottom:-4px;
    height: auto;
    width: auto;
    border: 1px solid #000070;
}
div.p{
    display:inline-block;
    background-color: #ffbb00;
    margin-bottom:-4px;
    height: auto;
    width: auto;
    border: 1px solid #574800;

}
div.g{
    display:inline-block;
    background-color: #00ffee;
    margin-bottom:-4px;
    height: auto;
    width: auto;
    border: 1px solid #0008ff;
}
div.f{
    display:inline-block;
    background-color: #004cff;
    margin-bottom:-4px;
    height: auto;
    width: auto;
    border: 1px solid #a1a1a1;
}
div.f, div.g, div.p, div.e, div.b{
    padding: 15px;
    max-width: 0px;
}
div#tela{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: auto;
    height: auto;
    background-color: #00fa85;
    border: 0px solid #ffa200;
}
div.jog{
    display:grid;
    justify-items: center;
    margin-bottom: 10px;
}
div.jogs{
    margin: 0px;
    padding: 0px;
    width: 505px;
    height: 505px;
}
div.bts {
    display: grid;
    justify-content: center;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    height: 100%;
}
button{
    height: 60px;
}
a.bt{
    text-decoration: none;
    background-color: #ffd257;
    border: 4px solid #ff6600;
    text-align: center;
    padding: 10px;
    margin: 3px;
    border-radius: 5px;
    color: #572300;
    width: 80%;
    margin-top: 6px;
    font-weight: 900;
    font-family: arial, sans-serif;
}
div.btt{
    background-color: #ffd257;
    border: 4px solid #ff6600;
    text-align: center;
    padding-top:;
    margin: px;
    border-radius: 5px;
}
div.titulo{
    display: grid;
    grid-template-columns: 2fr 1fr;
    background-color: #ffd257;
    border: 4px solid #ff6600;
    color: #ff6600;
    width: 98%;

    
}
h1{
    margin: 5px;
}
img{
    width: 100%;
}
div.logo{
    padding: 20px;
    max-width: 500px;
}
div.menu{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 80%;
}
a.jogar{
    width: 100%;
}
div.bt{
    display: inline-block;
    background-color: #ffd257;
    border: 4px solid #ff6600;
    text-align: center;
    padding-top: 10px;
    margin: 2px;
    border-radius: 5px;
    width: 30px;
    height: 30px;
}
img.bti{
    width: 30px;
    height: 30px;
}

body.cj{
    color: white;
    text-align: justify;
    font-family: Arial, sans-serif;
    padding: 5px;
    max-width: 700px;
}
table.elem{
    background-color: #4f4dff;
    width: 100%;
}
table.elem thead th,table.elem tbody tr td{
    border: 1px solid #ffffff;
    padding: 5px;
}

div.lvs{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
body.lv{
    color: white;
    text-align: justify;
    font-family: Arial, sans-serif;
    padding: 5px;
    max-width: 700px;
}
a.btlv{
text-decoration: none;
    background-color: #66a8ff;
    border: 4px solid #02008a;
    text-align: center;
    padding: 10px;
    margin: 3px;
    border-radius: 5px;
    color: #572300;
    width: 30px;
    height: 30px;
    font-weight: 900;
    font-family: arial, sans-serif;
    font-size: 25px;
}
a.btlvp{
text-decoration: none;
    background: linear-gradient(to right, #ffff00,#cbb200);
    border: 4px solid #ffff00;
    text-align: center;
    padding: 10px;
    margin: 3px;
    border-radius: 5px;
    color: #572300;
    width: 30px;
    height: 30px;
    font-weight: 900;
    font-family: arial, sans-serif;
    font-size: 25px;
}
a.btlvc{
text-decoration: none;
    background-color: #ffd257;
    border: 4px solid #ff6600;
    text-align: center;
    padding: 10px;
    margin: 3px;
    border-radius: 5px;
    color: #572300;
    width: 30px;
    height: 30px;
    font-weight: 900;
    font-family: arial, sans-serif;
    font-size: 25px;
}

img.khaio{
    width: 90%;
    margin: 5px;
    border-radius: 20px;
    border: 5px solid #ff6600;
}

#contact-banner {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

#contact-banner a {
  display: flex;
  align-items: center;
}