body{
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.div{
  margin-top: 10rem;
}

img{
  display: block;
  width: 80%;
  margin: 0 auto;
  width: 18rem;
}

form{
  display:flex;
  width: 80%;
  margin: 10% auto;
  justify-content: center;
}

input{
  height: 3rem;
  border-radius: .5rem;
}

form button{
  border-radius: .5rem;
  height: 3rem;
}

form button::first-letter{
  text-transform: capitalize;
}


.divTabla{
  width: 100%;
  display: inline-table;
  margin-bottom: 3rem;
}

.table{
  display: none;
}

td{
  text-align: center;
  font-size: 1.5rem;
  border: solid white 1px!important;
  
}

td::first-letter{
  text-transform: capitalize;
}

.divCampo{
  width: 100%;
}

#campo{
  font-size: 3rem;
  text-align: center;
  color: red;
}



#ot,#st,#eq{
  color: wheat;
  cursor:pointer;
}

h3{
    text-align: center;
    background: black;
    color: white;
    padding: 0.5rem;
}

footer{
   position: fixed;
   width: 100%;
   bottom: 0;
   margin: 0;
   padding: 0;
}




@media screen and (max-width: 820px){
    .divTabla{
        display: inherit;
    }
}