div.Table {

     display: table;
     margin: auto;

 }

 div.Title {

     display: table-caption;

     text-align: center;

     font-weight: bold;

     font-size: larger;

 }

 div.Heading {

     display: table-row;

     font-weight: bold;

     text-align: center;

 }

 div.Row {

     display: table-row;


 }

 div.Cell {

     display: table-cell;

     border: solid;
     border-width: thin;

     border-color: #078C03;

     padding-left: 3px;

     padding-right: 3px;
     font-size: 12px;



 }

 body {
     background: #42413C;
     color: #333;
     background: fixed;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 100%;
     line-height: 1.4;
     background-repeat: no-repeat;
     background-color: #020204;
 }

 a.button,
 a.button1 {
     background-color: #078C03;
     /* Green */
     border: none;
     padding: 10px 20px;
     text-align: center;
     text-decoration: none;
     float: right;
     font-size: 16px;
     margin-right: 5px;
     color: white;


 }

 a.button2 {
     background-color: #078C03;
     /* Green */
     border: none;
     padding: 10px 20px;
     text-align: center;
     text-decoration: none;
     float: left;
     font-size: 16px;
     margin-left: 5px;


 }

 div.flip-card {
     background-color: transparent;
     width: 420px;
     height: 410px;
     perspective: 1000px;
     padding: 5px;


 }

 div.container {
     display: grid;

     grid-template-columns: 1fr 1fr;
     ;
     grid-template-rows: auto;
     grid-gap: 20px;
 }

 .main {
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
     padding: 5px;
     margin: 10px;

 }


 .flip-card-inner {
     position: relative;
     width: 100%;
     height: 100%;
     text-align: center;
     transition: transform 0.6s;
     transform-style: preserve-3d;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
 }

 .flip-card:hover .flip-card-inner {
     transform: rotateY(180deg);
 }

 .flip-card-front,
 .flip-card-back {
     position: absolute;
     width: 100%;
     height: 100%;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
 }

 .flip-card-front {
     background-color: #FEFF99;
     color: black;
 }

 .flip-card-back {
     background-color: #FEFF99;
     ;


     color: black;
     transform: rotateY(180deg);
 }

 h1 {

     background-color: #078C03;
     border: 2px solid #078C03;
     border-radius: 3px;
 }

 .texto6 {
     font-size: 12px;
 }

 .imagen {
     margin-top: 25px;
 }